/* Minification failed. Returning unminified contents.
(741,20): run-time error CSS1030: Expected identifier, found '>'
(741,33): run-time error CSS1031: Expected selector, found ')'
(741,33): run-time error CSS1025: Expected comma or open brace, found ')'
(1265,39): run-time error CSS1030: Expected identifier, found '.'
(1265,61): run-time error CSS1031: Expected selector, found ')'
(1265,61): run-time error CSS1025: Expected comma or open brace, found ')'
(1308,69): run-time error CSS1030: Expected identifier, found ':'
(1308,77): run-time error CSS1031: Expected selector, found ')'
(1308,77): run-time error CSS1025: Expected comma or open brace, found ')'
(1311,69): run-time error CSS1030: Expected identifier, found ':'
(1311,77): run-time error CSS1031: Expected selector, found ')'
(1311,77): run-time error CSS1025: Expected comma or open brace, found ')'
(1313,66): run-time error CSS1030: Expected identifier, found '['
(1313,71): run-time error CSS1031: Expected selector, found '='
(1313,71): run-time error CSS1025: Expected comma or open brace, found '='
(2577,92): run-time error CSS1046: Expect comma, found '0'
(2577,96): run-time error CSS1046: Expect comma, found '/'
(2587,249): run-time error CSS1046: Expect comma, found '0'
(2587,253): run-time error CSS1046: Expect comma, found '/'
(2696,145): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(2808,93): run-time error CSS1030: Expected identifier, found ':'
(2808,101): run-time error CSS1031: Expected selector, found ')'
(2808,101): run-time error CSS1025: Expected comma or open brace, found ')'
(2809,105): run-time error CSS1030: Expected identifier, found ':'
(2809,113): run-time error CSS1031: Expected selector, found ')'
(2809,113): run-time error CSS1025: Expected comma or open brace, found ')'
(2916,74): run-time error CSS1063: Expected calculation unit, found '`'
(2916,74): run-time error CSS1064: Expected calculation product, found '`'
(2916,74): run-time error CSS1065: Expected calculation sum, found '`'
(2916,74): run-time error CSS1034: Expected closing parenthesis, found '`'
(2916,74): run-time error CSS1063: Expected calculation unit, found '`'
(2916,74): run-time error CSS1064: Expected calculation product, found '`'
(2916,74): run-time error CSS1034: Expected closing parenthesis, found '`'
(2916,74): run-time error CSS1042: Expected function, found '`'
(2916,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '`'
(2996,33): run-time error CSS1030: Expected identifier, found '.'
(2996,43): run-time error CSS1031: Expected selector, found ')'
(2996,43): run-time error CSS1025: Expected comma or open brace, found ')'
(3016,22): run-time error CSS1030: Expected identifier, found '.'
(3016,32): run-time error CSS1031: Expected selector, found ')'
(3016,32): run-time error CSS1025: Expected comma or open brace, found ')'
(3141,112): run-time error CSS1030: Expected identifier, found '['
(3141,117): run-time error CSS1031: Expected selector, found '='
(3141,117): run-time error CSS1025: Expected comma or open brace, found '='
(3142,117): run-time error CSS1030: Expected identifier, found '['
(3142,118): run-time error CSS1030: Expected identifier, found 'type'
(3142,122): run-time error CSS1031: Expected selector, found '='
(3142,122): run-time error CSS1025: Expected comma or open brace, found '='
(3733,37): run-time error CSS1030: Expected identifier, found '.'
(3733,41): run-time error CSS1031: Expected selector, found ')'
(3733,41): run-time error CSS1025: Expected comma or open brace, found ')'
(4139,67): run-time error CSS1030: Expected identifier, found '.'
(4139,81): run-time error CSS1031: Expected selector, found ')'
(4139,81): run-time error CSS1025: Expected comma or open brace, found ')'
(4253,37): run-time error CSS1030: Expected identifier, found '.'
(4253,41): run-time error CSS1031: Expected selector, found ')'
(4253,41): run-time error CSS1025: Expected comma or open brace, found ')'
(4595,37): run-time error CSS1030: Expected identifier, found '.'
(4595,41): run-time error CSS1031: Expected selector, found ')'
(4595,41): run-time error CSS1025: Expected comma or open brace, found ')'
 */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { margin-right: auto; margin-left: auto; }
.container:before, .container:after, .section:before, .section:after { display: table; content: " "; }
.container:after, .section:after { clear: both; }
.clear { clear: both; display: block; }

.fl-r-rev { flex-direction: row-reverse; }

.section { display: flex; flex-wrap: wrap; }
.section > .clear { display: none; }
.section:before { display: none; }
.section:after { display: none; }

.section > * { width: 100%; }

.fa, .fab, .fal, .far, .fas { text-rendering: optimizeLegibility; }

.fa-bar-chart:before { content: "\f080"; }

.dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
.dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
.dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
.dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
.dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
.dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
.dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
.dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
.dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
.dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
.dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
.dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12 { position: relative; min-height: 1px; display: block; }

@media (min-width:768px) {
    .dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
    .dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
    .dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
    .dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
    .dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
    .dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
    .dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
    .dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
    .dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
    .dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
    .dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
    .dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12,
    .container { padding: 0 15px; }
    .section { margin-right: -15px; margin-left: -15px; }

    .dw-sm-5th { width: calc(100%/5) !important; }
}

@media (max-width:767px) {
    .dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
    .dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
    .dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
    .dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
    .dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
    .dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
    .dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
    .dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
    .dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
    .dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
    .dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
    .dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12,
    .container { padding: 0 10px; }
    .section { margin-right: -10px; margin-left: -10px; }
}

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11 { float: left; }
.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%; }

@media (min-width: 768px) {
    .container { width: 750px; }
    .dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11 { float: left; }
    .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%; }
}

@media (min-width: 992px) {
    .container { width: 970px; }
    .dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11 { float: left; }
    .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%; }
}

@media (min-width: 1230px) {
    .container { width: 1230px; }
    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }
    .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%; }
}

@media (min-width: 1400px) {
    .container { width: 1400px; }
    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }
    .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-xl-4 { width: 33.33333333333333%; }
}

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

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

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-xs.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-xs.visible-lg { display: block !important; }
}

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

@media (max-width: 767px) {
    .visible-sm.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-sm.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-sm.visible-lg { display: block !important; }
}

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

@media (max-width: 767px) {
    .visible-md.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-md.visible-lg { display: block !important; }
}

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

@media (max-width: 767px) {
    .visible-lg.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-lg.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-lg { display: block !important; }
}

.hidden-xs { display: block !important; }

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-xs.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-xs.hidden-lg { display: none !important; }
}

.hidden-sm { display: block !important; }


@media (max-width: 767px) {
    .hidden-sm.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-sm.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-sm.hidden-lg { display: none !important; }
}

.hidden-md { display: block !important; }

@media (max-width: 767px) {
    .hidden-md.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-md.hidden-lg { display: none !important; }
}

.hidden-lg { display: block !important; }


@media (max-width: 767px) {
    .hidden-lg.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-lg.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-lg { display: none !important; }
}

.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; z-index: 1; }
.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; }
.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-inner .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; }
.carousel-indicators { position: absolute; z-index: 999; bottom: 7px; width: 100%; padding: 0; margin: 0; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 0 3px; text-indent: -999px; cursor: pointer; background-color: #FFF; border-radius: 10px; }
.carousel-indicators .active { background-color: #e3000f; }
.carousel-caption { position: absolute; left: 50%; width: 100%; top: 42%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; color: #333; text-align: center; padding: 0 15px; }

@media (min-width:1230px) {
    .carousel-caption { width: 1230px; }
}

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

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

@media (max-width:767px) {
    .carousel-caption { padding: 0 10px; }
    .carousel-caption span { display: none; }
}

.marg-btm-5 { margin-bottom: 5px; }
.marg-btm-10 { margin-bottom: 10px; }
.marg-btm-15 { margin-bottom: 15px; }
.marg-btm-20 { margin-bottom: 20px; }
.marg-btm-30 { margin-bottom: 30px; }
.marg-top-5 { margin-top: 5px; }
.marg-top-10 { margin-top: 10px; }
.marg-top-15 { margin-top: 15px; }
.marg-top-20 { margin-top: 20px; }
.marg-top-30 { margin-top: 30px; }
.marg-right-5 { margin-right: 5px; }
.marg-right-10 { margin-right: 10px; }
.marg-right-15 { margin-right: 15px; }
.marg-right-20 { margin-right: 20px; }
.marg-right-30 { margin-right: 30px; }
.marg-vert-15 { margin: 15px 0px; }

.marg-y-50 { margin-top: 50px; margin-bottom: 50px; }

.marg-right-10 { margin-right: 10px; }

.marg-left-10 { margin-left: 10px; }
.marg-left-15 { margin-left: 15px; }
.marg-left-20 { margin-left: 20px; }
.marg-left-30 { margin-left: 30px; }

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

.hor-padd-5 { padding: 0px 5px; }
.hor-padd-10 { padding: 0px 10px; }
.hor-padd-15 { padding: 0px 15px; }
.hor-padd-30 { padding: 0px 30px; }
.hor-padd-45 { padding: 0px 45px; }
.hor-padd-60 { padding: 0px 60px; }
.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-left-5 { padding-left: 5px; }
.padd-left-10 { padding-left: 10px; }
.padd-left-15 { padding-left: 15px; }
.padd-left-20 { padding-left: 20px; }
.padd-left-30 { padding-left: 30px; }
.padd-left-45 { padding-left: 45px; }


.padd-right-5 { padding-right: 5px; }
.padd-right-10 { padding-right: 10px; }
.padd-right-15 { padding-right: 15px; }
.padd-right-20 { padding-right: 20px; }
.padd-right-30 { padding-right: 30px; }
.padd-right-45 { padding-right: 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-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-60 { padding-top: 60px; }

.flx-bx { display: flex; }
.fl-col { flex-direction: column; }
.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-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }
.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }

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

.full-w { width: 100%; }

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

@font-face { font-family: FontAwesome; src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg?#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.h1-subtext.short.hide, .h1-subtext.long.hide { display: none; }
.mobile-read-more { position: relative; z-index: 100; cursor: pointer; display: inline-block; font-size: 1.2em; margin: 15px 0px 20px 0px; text-decoration: underline; font-weight: 500; }

.linked-acc { border: 1px solid #26b9e4; border-radius: 3px; padding: 1rem; font-size: 1rem; background-color: #f9f9f9; display: flex; flex-direction: column; }
.linked-acc .btn { font-size: .94rem; background-color: #26b9e4; color: #fff; align-self: flex-end; }
.linked-acc > :first-child { font-size: 1.125rem; font-weight: bold; }
.linked-h2 { font-size: 1.25rem; }
.cat-toggler-wrapper .cat-toggle { max-height: 100px; overflow: hidden; position: relative; }
.cat-toggler-wrapper .toggle-read { text-align: center; height: 100%; color: #2ab9e4; font-weight: bold; font-size: 1.2rem; display: block; }
.cat-toggler-wrapper .cat-toggle.read-more { max-height: 1000px; background: none; }
.cat-toggler-wrapper .cat-toggle + .toggle-read span:before { content: "More"; }
.cat-toggler-wrapper .cat-toggle.read-more + .toggle-read span:before { content: "Less"; }
.cat-toggler-wrapper .toggle-overlay { display: block; background: linear-gradient(0deg, #ffffff 10%, #00000000); opacity: 1; position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; pointer-events: none; }
.cat-toggler-wrapper .cat-toggle.read-more .toggle-overlay { opacity: 0; }
.toggle-overlay, .toggle-read { display: none; }
.read-more-btn { display: inline-flex; align-items: center; font-weight: bold; color: #26b9e4; grid-gap: 0.5rem; }
.read-more-btn:hover { color: #253645; }
*, *:before { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .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; }
html { scroll-behavior: smooth; }
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; text-decoration: none; }

.green-txt { color: #4daf58; }
.rel { position: relative; }

.green-txt { color: #4daf58; }

.dblue-bg { background-color: #253645; }
.lblue-bg { background-color: #335777; }
.grey-bg { background-color: #cccccc; }
.white-txt { color: #FFF; }

.underline { text-decoration: underline; }

.homepagestrip { background-color: #f6a60a; }
.homepagestrip .container { display: flex; justify-content: center; align-items: center; padding: 15px; font-size: 1.2rem; color: #fff; }
.homepagestrip a { color: #fff; font-weight: bold; }
.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: ""; }

#sheets .body { display: flex; flex-direction: column; grid-gap: 15px; padding-top: 15px; }
.datasheet { display: flex; align-items: center; justify-content: flex-start; grid-gap: 10px; font-size: 1.1rem; }
.datasheet i { font-size: 1.5rem; color: #26b9e4; }

.datasheet:hover i { color: #f7a607; }

.alert-info { color: #856404; background-color: #fff3cd; border-color: #ffeeba; padding: 1rem 1rem 1rem 1.5rem; display: flex; align-items: center; grid-gap: 15px; font-size: 1rem; border-radius: 3px; margin-bottom: 15px; position: relative; overflow: hidden; }
.alert-info a { color: #856404; text-decoration: underline; }
.alert-info:after { content: ""; height: 100%; width: 0.5rem; background-color: #856404; position: absolute; top: 0; left: 0; }
.alert-info i { font-size: 1.6rem; }
.app-bar { padding: 10px 15px; font-size: 1.1em; background-color: rgb(70, 187, 21); border-radius: 5px; color: rgb(255, 255, 255); margin: 17px 0px; text-align: center; font-weight: bold; display: none; }
h1 { font-size: 1.8em; padding: 10px 0px; line-height: 22px; margin: 0px; font-weight: 900; }
h1.small { font-size: 1.4em; }
h2 { font-size: 1.3em; margin: 10px 0px; }
h3 { font-size: 1.1em; padding: 15px 0px 10px; }

body { margin: 0px; padding: 0px; font-family: proxima-nova, sans-serif; font-size: 0.75em; color: #333; width: 100%; overflow-x: hidden; }
a { color: rgb(35, 35, 35); }
a.block { display: block; cursor: pointer; }
a.iblock { display: inline-block; cursor: pointer; }
a:hover { text-decoration: none; }
ul { margin: 10px 10px 10px 25px; }

.yellow-txt { color: #faa300; }

.new-logo-section { width: 100%; display: flex !important; justify-content: space-between; align-items: center; font-size: 1.2rem !important; }
#stepsform .new-logo-section .logo-choice { padding: 0; margin: 0; min-height: initial; border: none }
#stepsform .new-logo-section .logo-choice a.dummy-upload { margin-right: 0; font-size: 1.2rem !important; }
#stepsform .new-logo-section .file--info { margin-right: 0; color: #8e8e8e; font-size: 1rem; font-weight: normal; }
#stepsform div:has(>.charge-info) { padding-top: 0.75rem; padding-bottom: 1rem; }
#stepsform .charge-info { display: flex; justify-content: center; padding-bottom: 0.75rem; border-bottom: 1px solid #707070; font-weight: bold; font-size: 0.8rem; }

.cke_bottom { background-color: #26b9e4 !important; }
.cke_chrome { border: 1px solid #26b9e4 !important; }

.basket .OK, .free-del-msg { padding: 10px; color: #253645; font-weight: bold; border: 2px solid #253645; border-radius: 5px; max-width: fit-content; display: flex; grid-gap: 10px; font-size: 1.2rem; margin-bottom: 10px; background-color: #b5eeff; align-items: center; }

.top-title a { text-transform: uppercase; }
.checkout-pack .item-count { display: flex !important; justify-content: space-between; align-items: center; grid-gap: 10px; margin-bottom: 0 !important; }
.checkout-pack .item-count span:first-child { font-weight: normal !important; font-size: 1.2em; }
.checkout-pack .item-count span:last-child { color: #F5A707; font-size: 1.4em; }

.lblue-txt { color: #26b9e4; }
.blue-bg { background-color: #253645; }
.txt-white { color: #fff; }
#listingtitle, .fright { float: right !important; padding-bottom: 30px; }

.bg-f9f9f9 { background-color: #f9f9f9; }

.field-right-action { }
.field-right-action .field { width: calc(100% - 160px); float: left; }
.field-right-action .action { width: 140px; float: right; }
.field-right-action .action input { display: block; border: none; border-radius: 3px; width: 100%; font-size: 1.1em; }
.field-right-action .field input { padding-left: 15px; display: block; width: 100%; height: 40px; border-radius: 3px; border: 1px solid rgb(212, 212, 212); }
.field-right-action label { font-size: 1.2em; min-height: 25px; font-weight: 700; display: block; }
.no-bold { font-weight: 400 !important; }

#shop-filters .fa-times { display: none; }
.orderstoauth { background-color: #b92323; padding: 5px 0px 5px 5px; border-radius: 5px; }

.trustpilot-widget { position: absolute !important; left: 50%; transform: translateX(calc(-50% - 105px)); top: 5px; z-index: 90; width: auto; }

.red { color: rgb(255, 0, 0); }
.red-txt { color: #ff0000 !important; }
.grecaptcha-badge { transform: translateY(-61px) !important; display: none; }
.form label.deloptcheck { width: auto; float: none; display: inline; }
.itemsinsearch { text-align: center; margin-bottom: 5px; margin-top: 15px; float: left; }
.paging { border: 1px solid rgb(209, 209, 209); border-radius: 3px; display: table; margin: 0px auto 20px; }
.paging a { display: table-cell; width: 30px; height: 30px; line-height: 30px; color: rgb(102, 102, 102); text-align: center; float: left; font-weight: bold; border-left: 1px solid rgb(209, 209, 209); text-decoration: none; }
.paging a:first-child { border-left: 0px; }
.paging a.current { background-color: rgb(225, 225, 225); }
#loading-container { position: fixed; left: 0px; width: 100%; height: 101%; z-index: 5000; top: 0px; display: none; }
#loading-container .overlay { position: absolute; z-index: 5000; left: 0px; width: 100%; top: 0px; height: 101%; background: rgb(255, 255, 255); opacity: 0.9; }
#loading-container #loading { width: 100%; height: 101%; overflow-y: auto; z-index: 5001; position: relative; }
#loading-container .main { height: 100%; text-align: center; font-size: 1.4em; }
#loading-container #loading i { margin: 16% 0px 20px; font-size: 2.5em; color: rgb(223, 97, 101); display: block; }
.caps { text-transform: uppercase; }
.fleft { float: left; }
.fright { float: right; }
.clear { height: 0px; clear: both; overflow: hidden; }
.req-asterisk { color: #26b9e4; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.center-txt { text-align: center; }
.recprod { max-width: 150px; margin: 0px auto; height: 30px; line-height: 30px; color: rgb(255, 255, 255); text-align: center; font-weight: bold; }
.recprod div { background-color: rgb(125, 174, 168); border-top-left-radius: 3px; border-top-right-radius: 3px; }
.info { padding: 10px; border: 1px solid rgb(153, 102, 51); margin: 10px 0px; background-color: rgb(252, 231, 156); color: rgb(51, 51, 51); }
.ko { padding: 20px; font-weight: bold; border: 1px solid rgb(255, 0, 0); margin: 10px 0px; background-color: rgb(255, 204, 204); color: rgb(255, 0, 0); }
.validation-summary-errors { padding: 20px; font-weight: bold; border: 1px solid rgb(255, 0, 0); margin: 10px 0px; background-color: rgb(255, 204, 204); color: rgb(255, 0, 0); }
.field-validation-error { color: rgb(255, 0, 0); }

.hide-formelement { display: none; }
strong { font-weight: 900; }
input[type="submit"] { font-family: proxima-nova, sans-serif; }
#container { width: 970px; margin: 0px auto; }
.StripeElement { box-sizing: border-box; margin: 0px 0px 20px; height: 45px; padding: 15px 12px; color: rgb(51, 51, 51); border-radius: 3px; background-color: white; border: 1px solid rgb(208, 208, 208); box-shadow: rgb(230, 235, 241) 0px 1px 3px 0px; transition: box-shadow 150ms ease 0s; }
.StripeElement--focus { box-shadow: rgb(207, 215, 223) 0px 1px 3px 0px; }
.StripeElement--invalid { border-color: rgb(195, 195, 195); }
.StripeElement--webkit-autofill { background-color: rgb(254, 253, 229) !important; }
h1.orange { color: #253645; font-size: 2.0em; margin: 40px 0px; font-weight: 900; line-height: 35px; }
h1.sml-margin { margin: 15px 0px; }
h2.dark--blue { color: #2a3c48; font-size: 2.4em; margin: 15px 0px 30px 0px; font-weight: 700; }
h2.white { color: #fff; font-size: 2.4em; margin: 15px 0px 30px 0px; font-weight: 700; }
h2.black { color: rgb(0, 0, 0); font-size: 2.1em; margin: 15px 0px; }
h2.black.sml-margin { margin: 0px; }
h2 i { font-size: 1.4em; transform: translateY(10%); margin-right: 15px; }
i.orange { color: #26b9e4; }
h3.orange { color: #26b9e4; font-size: 1.3em; margin: 15px 0px; }
h3.orange.sml-margin { margin: 0px; padding: 0px !important; }
h4.orange { color: #26b9e4; font-size: 1.2em; margin: 15px 0px; }
h3.black { color: rgb(0, 0, 0); font-size: 1.3em; margin: 15px 0px; }
h4.black { color: rgb(0, 0, 0); font-size: 1.3em; padding: 0px; font-weight: 700; }
h4 i, h3 i { color: #26b9e4; margin-right: 10px; }
h1.ul { display: block; border-bottom: 1px solid rgb(241, 241, 241); margin-bottom: 15px !important; }
.fl-none { float: none !important; }
.main-body { padding-bottom: 200px; overflow-y: clip; overflow-x: hidden; position: relative; min-height: 310px; }
.main-body.no--padd { padding: 0px !important; }
.grecaptcha-badge { bottom: 65px !important; }
.masthead { position: relative; z-index: 9999; }
.masthead .topgrey { background-color: #fff; height: 30px; }
.masthead .topgrey .left { height: 30px; }
.masthead .topgrey .left span { color: rgb(51, 51, 51); text-transform: uppercase; font-weight: 600; position: absolute; left: 15px; padding-top: 7px; top: 50%; font-size: 1.10em; transform: translateY(-50%); }
.masthead .topgrey .left span strong { display: inline-block; margin-right: 3px; font-weight: 600; }
.masthead .topgrey .left span a { color: #26b9e4; }
.masthead .topgrey .left span a:hover { color: rgb(0, 0, 0); }
.masthead .topgrey .left .langBar { height: 30px; width: 250px; display: grid; grid-template-columns: 9fr 2fr 2fr; grid-template-rows: 1fr; margin: 0px auto; float: right; }
.masthead .topgrey .left .langBar div { margin: 0px auto; line-height: 30px; }
.masthead .topgrey .left .langBar span { left: auto; }

.mob-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }

#goog-gt-tt { display: none !important; }
.goog-te-banner-frame { display: none !important; }
.goog-te-menu-value:hover { text-decoration: none !important; }
body { top: 0 !important; }
#google_translate_element2 { display: none !important; }

.navigation .langBarBurger { height: 60px; width: auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; margin: 0px auto; margin: 0px auto; background-color: #26b9e4; }
.navigation .langBarBurger div { margin: 0px auto; line-height: 30px; min-height: 30px; min-width: 35px; }
.navigation .langBarBurger span { left: auto; font-weight: 700; font-size: 1.23em; margin: 0px auto; align-self: center; }
.navigation .langBarBurger img { margin: 0px auto; align-self: center; border-radius: 40px; border-style: solid; border-width: 3px; border-color: #72daf7; }
.navigation .langBarBurger a { height: 100%; width: 100%; }
.navigation .langBarBurger .button-wrapper-left { display: grid; grid-template-columns: 1fr 4fr; grid-template-rows: 1fr; width: 100%; height: 100%; padding-left: 10px; font-size: 1.4em; border-right-width: 2px; border-style: solid; border-color: #145f75; }
.navigation .langBarBurger .button-wrapper-right { display: grid; grid-template-columns: 1fr 4fr; grid-template-rows: 1fr; width: 100%; height: 100%; padding-left: 10px; font-size: 1.4em; border-left-width: 2px; border-style: solid; border-color: #145f75; }

.masthead .topgrey .socials { display: inline-block; vertical-align: top; margin: 0px 15px; }
.masthead .topgrey .socials a { cursor: pointer; line-height: 33px; display: inline-block; width: 33px; text-align: center; font-size: 1.25em; }
.masthead .topgrey .socials a:hover { color: #26b9e4; }
.masthead #headercentre .search { position: relative; }
.masthead #headercentre .search .formcontainer form { border: 1px solid #e1e1e1; border-radius: 3px; }
.masthead #headercentre .search input[type="text"] { height: 50px; outline: none; padding: 0px 50px 0px 10px; font-size: 1.2em; width: calc(100% - 50px); border: none; }
.masthead #headercentre .search button { position: absolute; right: 0px; cursor: pointer; height: 50px; width: 50px; background-color: transparent; color: #26b9e4; border: none; font-size: 22px; border-radius: 0px 3px 3px 0px; }
.masthead #search { position: absolute; border: 1px solid rgb(214, 214, 214); left: 50%; transform: translateX(-50%); top: calc(100% - 1px); z-index: 20; border-radius: 3px; }
.masthead #search .container { background-color: rgb(255, 255, 255); position: relative; }
.masthead #search .container::before { content: ""; width: 30px; height: 30px; left: 50%; top: 0px; transform: translate(-50%, -50%) rotate(45deg); background-color: rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); position: absolute; z-index: -1; }
.masthead #search .container .image-result { position: relative; display: block; margin-bottom: 30px; }
.masthead #search .container .image-result .img-container { position: relative; width: 100px; height: 100px; border: 1px solid rgb(241, 241, 241); }
.masthead #search .container .image-result .title { font-weight: 700; }
.masthead #search .container .image-result .price { }
.masthead #search .container .image-result .price strong { color: #26b9e4; }
.masthead #search .container .image-result:hover .title { color: #26b9e4; }
.masthead #search .container .image-result .title { width: calc(100% - 120px); position: absolute; top: 10px; right: 0px; }
.masthead #search .container .image-result .price { width: calc(100% - 120px); position: absolute; bottom: 0px; right: 0px; }
.masthead #search .section.rel { position: relative; overflow: hidden; }
.masthead #search .section.rel .result-pages { position: absolute; bottom: 0px; left: 0px; border-top: 1px solid rgb(214, 214, 214); }
.masthead #search .section.rel .result-pages .inner-rel { width: 100%; height: 100%; position: relative; padding: 15px; }
.masthead #search .section.rel .result-pages .inner-rel strong { color: rgb(0, 0, 0); }
.masthead #search .section.rel .result-pages .inner-rel::after { position: absolute; content: ""; width: 1px; height: 10000vh; background-color: rgb(214, 214, 214); left: calc(100% + 15px); bottom: -20px; }
.masthead #search .main-results, .masthead #search .result-categories { padding: 30px; }
.masthead #search .category-container { max-height: 390px; overflow-y: auto; }
.masthead #search .section-title { color: #26b9e4; font-size: 1.4em; margin-bottom: 25px; display: block; }
.masthead #search .result-categories a { font-size: 1.3em; display: inline-block; margin-bottom: 15px; cursor: pointer; }
.masthead #search .result-categories a:hover { color: #26b9e4; }
#search .result-pages .inner-rel .search-paging { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 1.2em; }
#search .result-pages .inner-rel .search-paging .searchpage.selected { color: #26b9e4; }
#search .result-pages .inner-rel .search-paging .searchpage { margin: 0px 4px; cursor: pointer; }
#search .result-pages .inner-rel .search-paging .searchpage.disabled { color: rgb(175, 175, 175); }
#search .main-results { min-height: 496px; }
#search .main-results.no-results { min-height: 250px; }
#search .result-pages { min-height: 47px; }


.masthead #headercentre { margin: auto; }

.homebanner-slider .slide-inner a { display: block; height: 100%; position: relative; z-index: 10; min-height: 390px; }
.homebanner-slider .slide-inner a .inner-rel { width: 100%; height: 100%; background-color: #333; }
.homebanner-slider .slide-inner a .inner-rel img { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; max-width: none; transform: translate(-50%, -50%); }
.homebanner-slider .slide-inner a .banner-content { text-align: center; width: 100%; max-width: calc(100% - 30px); position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); }
.homebanner-slider .slide-inner a .banner-content h2 { color: #fff; font-size: 3.9em; font-weight: 700; display: block; max-width: 500px; margin: 0 auto; line-height: 1; }
.homebanner-slider .slide-inner a .banner-content .txt { color: #fff; display: block; max-width: 500px; margin: 25px auto; font-weight: 400; font-size: 1.9em; }
.homebanner-slider .slide-inner a .banner-content .btn { background-color: #26b9e4; color: #fff; font-size: 1.5em; font-weight: normal; max-width: 220px; width: 100%; border-radius: 3px; font-weight: 700; }
.homebanner-slider .slide-inner a .banner-content .btn:hover { background-color: #253645; }

#homeslides.vid { overflow: hidden; }
#video-banner-container { aspect-ratio: 1900 / 508; background-color: #000; color: #fff; position: relative; }
#video-banner-container.banner-container.banner-vid { max-height: 775px !important; min-height: 100% !important; }

#video-banner-container #home-banner-vid { height: auto; aspect-ratio: 16 / 9; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); pointer-events: none; max-width: initial !important; filter: brightness(0.75); }

.orders-row { margin-top: 15px; }

.masthead #search .main-results .loading-spinner { position: absolute; top: calc(50% - 47px); left: 50%; transform: translate(-50%, -50%); }
.masthead #search .main-results .loading-spinner i { color: #26b9e4; font-size: 3.4em; animation-name: spin; animation-duration: 3500ms; animation-iteration-count: infinite; animation-timing-function: linear; }
span.forgot { cursor: pointer; }
span.forgot:hover { text-decoration: underline; }

.location--row { position: relative; background-color: #fff; padding: 15px 150px 15px 15px; margin-top: 15px; border: 1px solid #eee; border-radius: 3px; }
.location--row .location { }
.location--row .field { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 100px; }
.location--row .field span { text-align: center; color: #26b9e4 !important; font-weight: 700 !important; display: block; width: 30px; height: 30px; line-height: 30px; float: left; }
.location--row .field input { margin: 0px; padding: 0px 5px; width: calc(100% - 30px); height: 30px; line-height: 30px; float: right; max-width: 100% !important; }

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

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

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

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

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

.topmessage.create-order { background-color: #009CB3; padding: 10px 0px; }
.topmessage.create-order .txt { display: inline-block; color: #fff; font-size: 1.1em; }
.topmessage.create-order .txt i { margin-right: 5px; }
.topmessage.create-order .txt a { font-weight: bold; color: #fff; text-decoration: underline; }
.topmessage.create-order .txt a:hover { text-decoration: none; }
.topmessage.create-order .cancelbtntop { float: right; color: #fff; }
.topmessage.create-order .cancelbtntop:hover { text-decoration: underline; }

.txt .lnk a { color: #26b9e4; }
.txt .lnk a:hover { text-decoration: underline; }

.lnk.blue a { color: #26b9e4; }
.lnk.blue:hover a { text-decoration: underline; }

.bouncing-loader { display: flex; justify-content: center; position: absolute; top: calc(50% - 47px); left: 50%; transform: translate(-50%, -50%); }
.bouncing-loader > div { width: 1rem; height: 1rem; margin: 3rem 0.2rem; background: #26b9e4; border-radius: 50%; animation: 0.6s ease 0s infinite alternate none running bouncing-loader; }
.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }
.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }
.bouncing-loader > div:nth-child(4) { animation-delay: 0.6s; }

#billingAddress { overflow: hidden; }
#billingAddress.open { height: auto; }
#billingAddress.shut { height: 0px; }

.prod-listing { position: relative; /* margin: 0px -9px; */ min-height: 500px; display: flex; flex-wrap: wrap; }

.bx-viewport .prod-listing { display: block; }

.prod-listing .clear { display: none !important; }

.prod-listing .dw-lg-3 { padding: 0px; }
.prod-listing a { display: block; margin: 0 auto; }
#catlistingslides { padding: 0PX 15PX; }
#loading_gif { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50; }
#loading_gif .inner-rel { width: 100%; height: 100%; }
#loading_gif .inner-rel .opacity-overlay { width: 100%; height: 100%; position: absolute; background-color: #fff; opacity: 0.9; z-index: 51; content: " "; top: 0px; left: 0px; }
#loading_gif .loader { display: inline-block; z-index: 52; position: absolute; top: 110px; left: 50%; transform: translateX(-50%); color: #26b9e4; position: relative; font-weight: bold; font-size: 1.8em; }
#basket #loading_gif .loader { top:45%; }
#loading_gif .loader .bouncing-loader { top: -90px; bottom: auto; left: 50%; right: auto; transform: translate(-50%, 0px) !important; }
#loading_gif .loader .loading-text { text-align: center; color: #000; }
#loading_gif .loader .loading-text h2 { margin-bottom: 0px; }

#loading_gif .loader .loading-text span { font-size: 0.85em; color: #656565; }

.itemcount-warning { border: 1px solid #C01B00; border-radius: 3px; padding: 15px; background-color: #F1E0DD; color: #C01B00; font-size: 1.2em; text-align: center; margin-top: 15px; }

.breadcrumb { margin-top: 30px; color: rgb(85, 85, 85); font-weight: 700; }
.breadcrumb span { color: #26b9e4; }
.section img { max-width: 100%; height: auto; margin: 0px auto; display: inline-block; }
.right-txt { text-align: right; }
.prod-list-top { margin: 0px 0px 30px 0px; font-size: 1.2em; padding-top: 30px; border-top: 1px solid #f1f1f1; }
.prod-list-top .label { margin-right: 15px; }
.prod-list-top strong { color: rgb(0, 0, 0); font-weight: 500; }
.prod-list-top select { padding: 11px; border: 1px solid #26b9e4; border-radius: 3px; width: 227px; font-size: 1.01em; color: rgb(51, 51, 51); }
.prod-list-top select option { color: rgb(51, 51, 51); }
.btn { display: inline-block; background-color: rgb(212, 212, 212); padding: 12px 25px; font-weight: 700; cursor: pointer; border-radius: 2px; font-size: 1.1em; font-weight: 700; }


.btn.filter-toggle { padding: 12px; font-size: 1.3em; }
button.btn { border: none; padding: 10px 20px; }
.btn.black { background-color: #253645; color: rgb(255, 255, 255); }
.btn.black:hover { background-color: #26b9e4; }
.btn.orange { background-color: #26b9e4; color: rgb(255, 255, 255); }
.btn.orange:hover { background-color: #253645; }
.btn.white { background-color: rgb(255, 255, 255); color: #26b9e4; }
.btn.white:hover { background-color: #26b9e4 !important; color: rgb(255, 255, 255) !important; }
.btn.wide { padding: 10px 60px; }
.btn.update-basket { width: auto !important; display: inline-block; max-width: 100% !important; margin: 0px !important; padding: 13px 0px !important; }
.btn.full-width { width: 100%; max-width: 100% !important; }
.btn.field { padding: 7.5px !important; }

.btn.blue { background-color: #26b9e4; color: #fff; }
.btn.blue:hover { background-color: #192a37; }
.btn.dark--blue { background-color: #192a37; color: #fff; }
.btn.dark--blue:hover { background-color: #26b9e4; }

.btn.square { width: 40px; height: 40px; justify-content: center; align-items: center; padding: 0px; display: flex; }

.brandpagelink { display: block; text-align: center; padding: 15px 0px; cursor: pointer; }
.brandpagelink span { font-weight: 700; font-size: 1.3em; margin-top: 10px; display: inline-block; color: #26b9e4; }
.brandpagelink:hover span { color: rgb(51, 51, 51); }


.blog-feed { }
.blog-feed .blogpost { padding: 0px 10px; }
.blog-feed .image div { padding-top: 61.76%; background-size: cover; background-position: center; width: 100%; }
.blog-feed .blogdate { color: #26b9e4; font-weight: bold; margin-top: 25px; font-size: 1.2em; }
.blog-feed .title { color: #253645; font-weight: bold; font-size: 1.5em; min-height: 60px; line-height: 20px; margin-top: 15px; }
.blog-feed .content { font-size: 1.15em; margin-top: 10px; position: relative; margin-bottom: 25px; }
.blog-feed .content a { display: inline-block; position: absolute; bottom: -15px; left: 0px; font-weight: 700; text-decoration: underline; text-transform: uppercase; }
.blog-feed .content a:hover { text-decoration: none; color: #26b9e4; }


#footer { background-color: #253645; padding-top: 75px; }
#footer .foottitle { display: block; color: rgb(255, 255, 255); font-size: 1.65em; position: relative; margin-bottom: 25px; }
#footer .foottitle::before { }
#footer .intouch span { display: block; position: relative; color: #fff; max-width: 265px; font-size: 1.1em; font-weight: 100; }
#footer .intouch span i { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); color: #26b9e4; }
#footer a { color: #fff; }
#footer .all-links { float: right; }
#footer .body a { font-weight: 400; }
#footer a:hover { color: #26b9e4; }
#footer .links a { display: block; margin-bottom: 10px; font-weight: 100; font-size: 1.25em; }
#footer .footerbtm { padding: 15px 0px; color: #fff; }
#footer img { max-width: 100%; height: auto; }



.top-bullets .bullet { text-align: center; }
.top-bullets .bullet .txt { color: rgb(15, 15, 15); font-size: 1.10em; position: relative; display: inline-block; padding-left: 60px; }
.top-bullets .bullet .txt strong { display: block; text-align: left; margin-bottom: 5px; color: #253645; font-size: 1.1em; }
.top-bullets .bullet .txt span { display: block; text-align: left; }
.top-bullets .bullet .txt i { color: #253645; font-size: 3em; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: inline-block; width: 40px; text-align: center; }
.top-bullets .bullet.review img { margin-top: 10px; display: inline-block; }

.top-bullets .bullet-link { cursor: pointer; display: block; }
.top-bullets .bullet-link:hover i { color: #26b9e4; }
.top-bullets .bullet-link:hover span { color: #26b9e4; }
.top-bullets .bullet-link:hover strong { color: #26b9e4; }

.discount-code-banner { background-color: rgb(15, 15, 15); text-align: center; padding: 10px; }
.discount-code-banner span { color: rgb(255, 255, 255); }
.index-info { height: 75px; position: relative; margin-top: 15px; }
.index-info.orange { background-color: #26b9e4; border-bottom: 5px solid rgb(15, 15, 15); margin-right: -7px; }
.index-info.black { background-color: rgb(15, 15, 15); border-bottom: 5px solid #26b9e4; margin-left: -7px; }
.index-info .inner-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; font-size: 1.3em; }
.index-info .pre { display: none; }
.index-info .discount-code-banner { max-width: 400px; margin: 0px auto; }


.logo-spread img { margin: 0px 30px; max-width: calc(100% - 60px); height: auto; }
.logo-spread.brands img { max-height: 83px; margin: 0px 20px; }
.logo-spread .slide { display: inline-block; text-align: center; width: 19%; padding: 0px 10px; }

#privacypoints strong { display: inline-block; color: #26b9e4; font-size: 1.05em; }
#privacypoints .txt { color: rgb(0, 0, 0); }
#privacypoints .bottom { color: rgb(0, 0, 0); font-size: 1.2em; font-weight: 700; display: block; margin: 30px 0px; }
#privacypoints .bottom a { color: #26b9e4; }
#privacypoints .bottom a:hover { color: rgb(0, 0, 0); }
#privacypoints .title { font-size: 1.6em; }
.terms-txt h2 { color: #26b9e4; font-size: 1.4em; }
strong.black { color: rgb(0, 0, 0); }
.offeredit { text-align: center; font-size: 1.2em; }
.offeredit .btn { margin: 0px auto 15px; }
.homepageoffer { max-width: 380px; position: relative; margin: 0px auto 15px; display: block; cursor: pointer; max-height: 250px; }
.homepageoffer:hover::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.5; }
.homepageoffer .price { position: absolute; bottom: 60px; left: 15px; }
.homepageoffer .price strong { font-size: 1.6em; }
.homepageoffer .price span { font-size: 0.8em; margin-left: 5px; }
.homepageoffer .divbtn { text-transform: uppercase; position: absolute; bottom: 15px; left: 15px; display: block; max-width: 160px; text-align: center; font-size: 1.15em; padding: 8px; width: 100%; font-weight: 700; }

.productpage .prod-thumbs { display: flex; flex-wrap: wrap; margin-top: 20px; }
.productpage .prod-thumbs .prod-thumb { width: 80px; height: 80px; border: 1px solid #000; margin-bottom: 20px; margin-right: 20px; cursor: pointer; }

.productpage .related-products { margin-top: 34px; }
.productpage .related-products h2 { font-size: 2.0em; margin-bottom: 30px; }
.related-products #slides { position: relative; }
.related-products #slides .bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); color: #253645; font-size: 2.8em; }
.related-products #slides .bx-controls-direction a:hover { color: #26b9e4; }
.related-products #slides .bx-controls-direction .fa-angle-left { left: -18px; }
.related-products #slides .bx-controls-direction .fa-angle-right { right: -18px; }

.related-products #slides .bx-controls-direction a.disabled { display: none !important; }

.slider { position: relative; }
.slider .bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); color: #253645; font-size: 2.8em; }
.slider .bx-controls-direction a:hover { color: #26b9e4; }
.slider .bx-controls-direction .fa-angle-left { left: -18px; }
.slider .bx-controls-direction .fa-angle-right { right: -18px; }
.slider .bx-controls-direction a.disabled { display: none !important; }


#homeslides { position: relative; margin-bottom: 25px; }
#homeslides .bx-has-pager { text-align: center; position: absolute; bottom: 20px; left: 50%; z-index: 100; transform: translate(-50%); }
#homeslides .bx-has-pager .bx-pager .bx-pager-item { display: inline-block; }
#homeslides .bx-has-pager .bx-pager .bx-pager-item a { font-size: 0px; width: 50px; height: 2px; background-color: #fff; display: inline-block; margin: 0px 5px; opacity: 0.6; }
#homeslides .bx-has-pager .bx-pager .bx-pager-item a.active { opacity: 1; }
#homeslides .bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); color: #26b9e4; font-size: 2.2em; }
#homeslides .bx-controls-direction a:hover { color: rgb(0, 0, 0); }
#homeslides .bx-controls-direction .fa-angle-left { left: -20px; }
#homeslides .bx-controls-direction .fa-angle-right { right: -20px; }
.slide.prod-card { border: none !important; margin: 0px auto 15px auto;}

.slide.prod-card .slide-inner { border: solid 1px #f1f1f1; background-color: #fff; position: relative; padding-bottom: 20px; }
.slide.prod-card .slide-inner .img-container { overflow: hidden; margin: 0px auto; padding-top: 0; width: 100%; display: block; position: relative; cursor: pointer; }
.slide.prod-card .slide-inner .img-container .sticker { display: inline-block; position: absolute; top: 0; left: 0; z-index: 99; width: 120px; height: 30px; }
.slide.prod-card .slide-inner .img-container .sticker img { display: inline-block; vertical-align: bottom; width: 60px; height: auto; }
.slide.prod-card .slide-inner .img-container .round-sticker { width: 60px; height: 60px; position: absolute; top: 15px; right: 15px; z-index: 10; }
.slide.prod-card .slide-inner .img-container .round-sticker img { width: 60px; height: auto; }

.slide.prod-card .slide-inner .img-container span.bs-tag { display: inline-block; position: absolute; bottom: 0px; left: 0px; background-color: rgb(1, 68, 189); color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; padding: 5px 10px; font-size: 0.9em; }
.slide.prod-card .slide-inner .colour-tag { text-align: center; }
.slide.prod-card .slide-inner .colour-tag .option { display: inline-block; width: 20px; height: 20px; border-radius: 100%; margin: 0px 1px; }
.slide.prod-card .slide-txt { text-align: left; margin: 0px auto; }
.slide.prod-card .slide-txt a { margin: 10px 0px; color: rgb(0, 0, 0); font-size: 1.5em; font-weight: 700; cursor: pointer; display: block; text-align: center; }
.slide.prod-card .slide-txt a:hover { color: #26b9e4; text-decoration: underline; }
.slide.prod-card .slide-txt .star-review a { font-size: 0.95em; display: inline-block; text-transform: uppercase; color: rgb(170, 170, 170); text-decoration: underline; margin-left: 0px; font-weight: normal; height: auto; }
.slide.prod-card .slide-txt .star-review a:hover { color: #26b9e4; }
.slide.prod-card .slide-txt .star-review i.true { color: rgb(241, 190, 79); }
.slide.prod-card .slide-txt .star-review i.false { color: rgb(153, 153, 153); }
.slide.prod-card .slide-txt .price { text-align: center; }
.slide.prod-card .slide-txt .links { text-align: center; }
.slide.prod-card .slide-txt .links.hide--wish .add-fav { display: none; }

.slide.prod-card .slide-txt .links .btn { color: #fff; display: inline-block; padding: 0px 20px; line-height: 35px; border-radius: 0px; font-size: 1.2em; margin: 0px; min-height: 35px; border-radius: 2px; }
.slide.prod-card .slide-txt .links .btn:hover { text-decoration: none; color: #fff; }

.slide.prod-card .slide-txt .links .add-fav { text-decoration: none !important; width: 35px; height: 35px; display: inline-block; position: relative; margin: 0px; vertical-align: bottom; padding: 0px; }
.slide.prod-card .slide-txt .links .add-fav .heart { display: block; text-align: center; line-height: 35px; font-size: 1.5em; }
.add-fav.selected .heart { color: #ad1d1d; }
.add-fav.selected .fa-plus-circle { transform: rotate(45deg); }
.slide.prod-card .slide-txt .links .add-fav .plus { position: absolute; bottom: 2px; right: 2px; font-size: 0.8em; color: #26b9e4 !important; }

.slide.prod-card .slide-txt .price span strong { color: #f7a607; font-weight: 900; margin-right: 3px; }
.slide.prod-card .img-container .img { width: auto; max-width: 100%; max-height: 100%; text-align: center; position: relative; }
.slide.prod-card .img-container .img img { max-width: 100%; height: auto; }

.slide.prod-card .listing-colour-opts { display: flex; justify-content: left; scroll-behavior: smooth; }
.slide.prod-card .listing-colour-opts .colour { position: relative; width: 24px; padding: 2px; }

.slide.prod-card .listing-colour-opts .colour .inner { border-radius: 100%; width: 20px; height: 20px; display: flex; overflow: hidden; margin: 0 auto; border: 1px solid #c3c3c3; transform: rotate(45deg); }

.slide.prod-card .listing-colour-opts .colour span { height: 100%; width: 100%; display: block; }
.hover-colour-title { position: absolute; background-color: #fff; width: max-content; padding: 5px; border: 1px solid #26b9e4; color: #26b9e4; border-radius: 3px; font-weight: 600; left: 50%; transform: translateX(calc(12px - 50%)) translateY(-30px); }



.slide.prod-card .listing-colour-opts .more-count { background-color: #26b9e4; height: 20px; width: 40px; border-radius: 20px; display: flex; justify-content: center; align-items: center; line-height: normal; color: #fff; font-weight: 700; font-size: 1.1em; gap: 2px; }

.slide.prod-card .colour-opt-wrapper { display: flex; align-items: center; justify-content: space-around; padding: 0px 5px; }
.slide.prod-card .colour-opt-wrapper .c-nav { color: #26b9e4; width: 30px; text-align: center; font-size: 1.2em; cursor: pointer; }
.slide.prod-card .colour-opt-wrapper .c-nav:hover { color: #253645; }

.slide.prod-card .colour-opt-wrapper .wrap-outter { scroll-behavior: smooth; max-width: 168px; overflow-x: auto; padding: 15px 0px !important; }


.prod-listing .slide { border-radius: 3px; }
.prod-listing .slide .slide-inner { margin: 0px auto; padding-bottom: 20px; background-color: #fff; border: 1px solid #efefef; border-radius: 2px;  }
.prod-listing .slide .slide-inner .img-container { margin: 0px auto; width: 100%; position: relative; overflow: hidden; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }

.prod-listing .slide .slide-inner .img-container .topright-icon { width: 60px; height: 60px; position: absolute; top: 10px; right: 10px; z-index: 1; }
.prod-listing .slide .slide-inner .img-container .topright-icon img { width: 100%; height: 100% !important; display: block; }




.prod-listing .slide .slide-inner .img-container a img { z-index: -10; width: 100%; }
.prod-listing .slide .slide-inner .img-container a { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; height: auto; width: 100%; display: block; text-align: center; }
.prod-listing .slide .slide-inner .img-container span.bs-tag { display: inline-block; position: absolute; bottom: 0px; left: 0px; background-color: rgb(1, 68, 189); color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; padding: 5px 10px; font-size: 0.9em; }
.prod-listing .slide .slide-inner .img-container span.colour-tag { display: inline-block; position: absolute; bottom: 0px; right: 0px; padding: 5px 10px; color: rgb(85, 85, 85); font-weight: 700; font-size: 0.9em; z-index: 11; }
.prod-listing .slide .slide-inner .img-container span.colour-tag i { color: #26b9e4; margin-right: 5px; }
.prod-listing .slide .slide-txt { text-align: left; margin: 0px auto; }
.prod-listing .slide .slide-txt a { display: block; margin: 10px 0px; color: rgb(0, 0, 0); font-size: 1.3em; font-weight: 700; cursor: pointer; text-align: center; padding: 0px 10px; min-height: 36px; line-height: 18px; }
.prod-listing .slide .slide-txt a.title-link { min-height: 55px; }
.prod-listing .slide .slide-txt a:hover { color: #26b9e4; text-decoration: underline; }
.prod-listing .slide .slide-txt .star-review { padding: 0px 10px; }
.prod-listing .slide .slide-txt .star-review a { font-size: 0.95em; display: inline-block; text-transform: uppercase; color: rgb(170, 170, 170); text-decoration: underline; margin-left: 5px; font-weight: normal; height: auto; }
.prod-listing .slide .slide-txt .star-review a:hover { color: #26b9e4; }
.prod-listing .slide .slide-txt .star-review i.true { color: rgb(241, 190, 79); }
.prod-listing .slide .slide-txt .star-review i.false { color: rgb(153, 153, 153); }
.prod-listing .slide .slide-txt .price { position: relative; margin-bottom: 10px; }
.prod-listing .slide .slide-txt a.title { min-height: 55px; }

.prod-listing .slide .slide-txt .price span { color: #333; font-size: 1.3em; display: inline-block; margin-right: 0px; }
.prod-listing .slide .slide-txt .price span.from { font-weight: 600; }
.prod-listing .slide .slide-txt .price span.vat-tag { }
.prod-listing .slide .slide-txt .price span strong { font-size: 1.2em; color: #f7a607; font-weight: 800; margin-right: 3px; }
.prod-listing .slide .sticker { position: absolute; bottom: 0; left: 0; width: auto; z-index: 50; }
.prod-listing .slide .round-sticker { position: absolute; bottom: 10px; right: 10px; width: auto; z-index: 50; width: 60px; height: 60px; }
.prod-listing .slide .round-sticker img { width: 60px; height: auto; }
.product--topinfo { position: relative; }
.product--topinfo .brandimage { position: absolute; display: inline-block; top: -15px; right: 0px; max-height: 50px; width: auto; }
.product--topinfo .brandimage img { max-height: 50px; width: auto; }
.product--topinfo h1 { color: #000; font-size: 2.8em; line-height: 1.2; margin-top: 10px; }

.product--topinfo .top--price { margin: 25px 0px; font-size: 1.8em; }
.product--topinfo .top--price span { }
.product--topinfo .top--price .from { color: #777777; }
.product--topinfo .top--price .price { color: #f7a607; font-weight: 700; }
.product--topinfo .top--price .vat--tag { color: #444444; }
.product--topinfo .top--price .was-price { opacity: 0.7; color: #444444; margin-bottom: 5px; }
.product--topinfo .top--price .was-price .price { color: #444444; }
.product--topinfo .top--price .now-price { font-size: 1.2em; }

.product-topline .best-seller-tag { background-color: rgb(1, 68, 189); text-transform: uppercase; color: rgb(255, 255, 255); line-height: 25px; display: inline-block; padding: 0px 10px; margin-right: 10px; }
.product-topline img { height: 25px; width: auto; }
.product-topline span { display: inline-block; }
.product-topline span, .product-topline strong { color: rgb(0, 0, 0); margin-right: 3px; }



#contactdetails .detail { margin-bottom: 30px; padding-left: 60px; position: relative; font-size: 1.2em; }
#contactdetails .detail.last { margin-bottom: 0px; }
#contactdetails .detail .round { width: 35px; height: 35px; background-color: #26b9e4; display: inline-block; position: absolute; left: 0px; top: 0px; transform: translateY(-30%); border-radius: 100%; }
#contactdetails .detail .round .round-inner { width: 100%; height: 100%; position: relative; }
#contactdetails .detail .round .round-inner i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.05em; color: rgb(255, 255, 255); }
#contactdetails .detail .round.inline-link { position: static; margin-right: 10px; cursor: pointer; }
#contactdetails .detail .round.inline-link:hover { background-color: rgb(0, 0, 0); }
#contactdetails .detail strong.orange { color: #26b9e4; font-size: 1.1em; }
#contactdetails .mapouter { max-width: 100%; width: 100%; }
#contactdetails .mapouter .gmap_canvas { max-width: 100%; width: 100%; }
#contactdetails .mapouter .gmap_canvas iframe { max-width: 100%; width: 100%; }

.no-padd { padding-left: 0px !important; }
.h1-subtext { font-size: 1.3em; margin-bottom: 15px; }
.h1-subtext ol { padding-left: 30px; }

.narrow-container { max-width: 1040px; margin: 0px auto; }

.white-bg { background-color: #fff; }
.greybx { background-color: rgb(250, 250, 250); border: 1px solid rgb(241, 241, 241); padding: 20px 15px; }
.whitebx { background-color: #fff; border: 1px solid rgb(241, 241, 241); padding: 20px 15px; }

.prod-colour-picker { padding: 15px 25px; border: 1px solid rgb(241, 241, 241); }
.prod-colour-picker .dw-sm-1 { padding: 0px; }
.prod-colour-picker .colour-inner { position: relative; padding: 100% 0px 0px !important; height: 40px; }
.colour-option .coloursquare { position: initial !important; top: 0px !important; left: 0px !important; transform: translate(0%, 0%) !important; }
.prod-colour-picker .colour-inner .coloursquare, .colour-option .coloursquare { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; overflow: hidden; display: block; border: 1px solid #c3c3c3; }
.prod-colour-picker .colour-inner .coloursquare a img, .colour-option .coloursquare a img { position: absolute; top: 0px; left: 0px; }
.prod-colour-picker .colour-inner .coloursquare.selected, .colour-option .coloursquare.selected { width: 30px !important; height: 30px !important; border: 2px solid #26b9e4 !important; }
.prod-colour-picker .colour-inner:has(.coloursquare.selected)::after, .colour-option:has(.coloursquare.selected)::after { font: var(--fa-font-solid); content: "\f00c"; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; color: #f7a607; right: 50%; bottom: 50%; transform: translate(50%, 50%); font-size: 1rem; text-shadow: 2px 2px 4px #584f4f; }
.hover-colour-title { border: 2px solid #26b9e4; border-radius: 3px; display: none; }
.hover-colour-title .inner-rel { background-color: rgb(255, 255, 255); font-size: 1.1em; position: relative; padding: 5px; min-width: 60px; text-align: center; border-radius: 3px; color: rgb(0, 0, 0); font-weight: 700; }
.hover-colour-title .inner-rel::before { content: " "; display: block; width: 12px; height: 12px; border: 2px solid #26b9e4; border-radius: 3px; position: absolute; left: 50%; transform: translateX(-50%) translateY(-6px) rotate(45deg); top: 100%; background-color: rgb(255, 255, 255); z-index: -1; }

.hover-colour-title { display: block; }

.prod-colour-picker .colour-inner .hover-colour-title { bottom: 100%; transform: translate(-50%, 0px); padding: 0px; display: none; }
.prod-colour-picker .colour-inner:hover .hover-colour-title { display: block; }

.prod-list-banner { display: block; margin-bottom: 30px; }
.prod-list-h1 { display: block; padding: 0px; margin: 0px 0px 30px !important; }
.light-grey-bx { background-color: #fff; margin: 15px 0px; padding: 15px; font-size: 1.2em; }
.light-grey-bx a { color: #26b9e4; font-weight: bold; }
.light-grey-bx a:hover { color: rgb(0, 0, 0); }
.colour-tilt { transform: rotate(45deg) translate(-50%, -50%); transform-origin: 0px 0%; width: 44px; height: 44px; display: block; position: absolute; top: 50%; left: 50%; cursor: pointer; }
.colour-tilt.single-colour { width: 30px; height: 30px; transform: translate(-50%, -50%); border-radius: 100%; }
.coloursquare.selected .colour-tilt { transform: rotate(45deg) translate(-50%, -50%); width: 44px; height: 44px; }
.prod-colour-picker .sml-pad { padding: 0px !important; }
.product-config-step { padding: 20px 0px 20px 0px; position: relative; }
.product-config-step h4 { color: #444444; font-size: 1.25em; }
.product-config-step .number-round { width: 20px; height: 20px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: #26b9e4; border-radius: 100%; }
.product-config-step .number-round .inner-rel { width: 100%; height: 100%; position: relative; }
.product-config-step .number-round .inner-rel span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font-weight: 700; display: block; font-size: 1.1em; }
.product-config-step .right-info { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.product-config-step .right-info i { color: #26b9e4; }
.product-config-step .right-info strong { color: #444; font-size: 1.2em; }
.product-config-step .right-info strong a { color: rgb(85, 85, 85); text-transform: uppercase; text-decoration: underline; cursor: pointer; }
.product-config-step .right-info strong a:hover { color: #26b9e4; }
.size-opt { font-size: 1.35em; color: rgb(0, 0, 0); position: relative; padding: 15px 15px 15px 50px; line-height: 20px; width: 100%; border: 1px solid #c3c3c3; border-radius: 3px; margin-top: 15px; display: flex; align-items: center; justify-content: space-between; }
#product .size-list .size-opt { padding: 15px; }
.size-opt.selected { border: 1px solid #000 !important; }
.size-opt.disabled { opacity: 0.5; }
.size-opt.checked { border: 1px solid #000 !important; }



#product #pricing .size-selection-container { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; }
#product #pricing .size-selection-container > .size-opt { display: flex !important; justify-content: space-between; align-items: center; padding: 12px 20px; flex-wrap: wrap; max-width: 30%; }

#product #pricing .size-selection-container .radio-wrapper { position: relative; width: 25px; height: 25px; display: flex; margin-top: 2px; }
#product #pricing .size-selection-container .radio-wrapper:after { content: ''; pointer-events: none; position: absolute; top: 0; left: 0; width: 25px; height: 25px; border: 2px solid #c3c3c3; border-radius: 50%; background-repeat: no-repeat; background-position: center center; }

#product #pricing .size-selection-container .radio-wrapper:has(input:checked):after { border: 2px solid #26b9e4; }


#product #pricing .size-selection-container .radio-wrapper:has(input:checked)::after { background-image: radial-gradient(#26b9e4 0 50%, transparent 50% 100%); }

#product #pricing .size-selection-container > .size-opt:has(input[type=radio]:checked) { border-color: #26b9e4; }
#product #pricing .size-selection-container > .size-opt input[type=radio] { width: 25px; height: 25px; }

#product #pricing .size-selection-container > .size-opt input[type=radio] { appearance: none; }


.size-opt.custom { display: block; }
.size-opt.custom .custom-txt { font-weight: 700; }
.size-opt .trigger-click { display: block; position: absolute; top: 0px; left: 0px; z-index: 20; height: 100%; width: 100%; cursor: pointer; }

.size-opt .dummy-check { width: 35px; height: 35px; border: 1px solid #c3c3c3; border-radius: 3px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }
.size-opt .dummy-check .inner-rel { width: 100%; height: 100%; display: block; position: relative; }
.size-opt .dummy-check .inner-rel i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.3em; color: #000; }

.size-opt .dummy-check.mandatory i { color: #999; }

.size-opt .size { font-weight: 700; margin-left: 5px; font-size: 1.1em; }
.size-opt .size-price { position: absolute; top: 50%; transform: translateY(-50%); left: 38%; font-size: 0.8em; color: #666; }
.size-opt .size-price strong { color: #F5A707; font-size: 1.4em; }

.size-opt .size-quantity-editor { height: 30px; width: 100px; border: 1px solid rgb(241, 241, 241); border-radius: 3px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; z-index: 30; }
.size-opt .size-quantity-editor .inner-rel { width: 100%; height: 100%; }
.size-opt .size-quantity-editor .inner-rel .sub, .size-opt .size-quantity-editor .inner-rel .add { cursor: pointer; position: absolute; display: block; font-weight: 700; font-size: 1.5em; text-align: center; height: 100%; display: flex; align-items: center; background-color: rgb(245, 245, 245); width: 25px; justify-content: center; }
.size-opt .size-quantity-editor .inner-rel .sub { left: 0px; z-index: 10; border-right: 1px solid rgb(241, 241, 241); }
.size-opt .size-quantity-editor .inner-rel .add { right: 0px; z-index: 10; border-left: 1px solid rgb(241, 241, 241); }
.size-opt .size-quantity-editor .inner-rel input { font-size: 1.05em; position: absolute; width: 100%; top: 0px; height: 100%; left: 0px; text-align: center; z-index: 5; border-radius: 4px; border: none !important; outline: none !important; }
.size-opt .check { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }
.size-opt .check input { width: 30px; height: 30px; }
.size-opt .size-quantity-editor.unavailable { font-size: 0.9em; width: 180px; border: 0; line-height: 42px; text-align: right; color: #666; }

.size-opt .stock-count { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 140px; font-size: 0.75em; text-align: right; }
.size-opt .stock-count span { color: #26b9e4; }
.call-more-sizes { font-size: 1.2em; color: rgb(0, 0, 0); font-weight: 700; margin: 30px 0px 15px; }
.call-more-sizes a { color: #26b9e4; }
.call-more-sizes a:hover { color: rgb(0, 0, 0); }
#customprintoptions .opt { /* height: 302px; */ width: 100%; position: relative; border: 1px solid rgb(241, 241, 241); padding: 10px; max-width: 250px; margin: 0px auto; text-align: center; }
#customprintoptions .opt .application-types { font-size: 0.9em; text-align: center; margin: 0px -10px; }
#customprintoptions .opt .application-types strong { display: block; margin-bottom: 10px; }
#customprintoptions .opt .application-types span { position: relative; padding-left: 0px; display: inline-block; font-weight: 400; margin: 5px 15px; text-align: left; }
#customprintoptions .opt .application-types span img { position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); width: 20px; height: auto; }

#customprintoptions .section { margin: 0px -7px; }
#customprintoptions .dw-md-3 { padding: 7px; }
#customprintoptions .opt img { display: inline-block; }
#customprintoptions .opt span { font-weight: 700; color: #666666; left: 10px; bottom: 5px; font-size: 0.95em; margin-bottom: 15px; display: block; }

.account .OK, .account .ok { font-size: 1.1em; margin-bottom: 15px; }

.account .user-warn { padding: 10px; border: 1px solid #26b9e4; border-radius: 3px; margin-top: 15px; font-size: 1.3em; text-align: center; }
.account .user-warn a { color: #26b9e4; text-decoration: underline; }
.account .user-warn a:hover { text-decoration: underline; }

.prod--reviewslider { }

.accordion .body .slide { max-width: calc(670px / 3); padding: 0px 13px; }
.accordion .body .slide .slide--inner { outline: 1px solid #efefef; padding: 15px; outline-offset: -1px; min-height: 210px; position: relative; }
.accordion .body .slide .slide--inner .star-score { position: absolute; left: 15px; bottom: 15px; }
.accordion .body .slide .slide--inner em { color: #444; font-size: 1.2em; margin-bottom: 30px; display: block; }


.accordion .body .slide--inner .star-score .fas.false { color: #666; }
.accordion .body .slide--inner .star-score .fas.true { color: #f6a609; }
.accordion .body .bx-wrapper { position: relative; }
.accordion .body .bx-wrapper .bx-controls { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 30px); }
.accordion .body .bx-wrapper .bx-controls .fa { color: #26b9e4; font-size: 1.8em; }
.accordion .body .bx-wrapper .bx-controls .fa-angle-left { }
.accordion .body .bx-wrapper .bx-controls .fa-angle-right { float: right; }

.accordion .body .prod--reviewtop { padding: 15px 0px; }
.accordion .body .prod--reviewtop span { font-size: 1.3em; line-height: 40px; }
.accordion .body .prod--reviewtop .btn { font-weight: normal; border-radius: 0px; float: right; }


/* Base Accordion Style*/
.accordion { }
.accordion .acc-container { margin-bottom: 15px; }
.accordion .acc-container .top { cursor: pointer; border-bottom: 1px solid #efefef; padding: 10px 5px 10px 0px; }
.accordion .acc-container .top span { font-weight: bold; font-size: 2.0em; }
.accordion .acc-container .top i { float: right; width: 25px; height: 25px; line-height: 25px; border-radius: 100%; background-color: #26b9e4; text-align: center; color: #fff; font-size: 1.5em; }
.accordion .acc-container.open .top i { transform: rotate(180deg); }


.accordion .acc-container .body { overflow: hidden; margin: 0px -20px; padding: 0px 20px; }
.accordion .acc-container.open .body { max-height: 100vh; height: auto; padding-bottom: 15px; }
.accordion .acc-container.open .body ul { font-size: 1.35em; }
.accordion .acc-container.closed .body { max-height: 0px; }
.accordion .acc-container .body .desc-text { font-size: 1.4em; margin-top: 15px; }

.mainprodimg { border: 1px solid rgb(241, 241, 241); max-width: 615px; margin: 0px auto; }
.mainprodimg .inner { position: relative; padding-top: 115.96%; }
.mainprodimg .inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#basketsummary { border: 1px solid #253645; padding: 15px; font-size: 1.2em; background-color: #efefef; }
#basketsummary strong { font-size: 1.1em; color: rgb(0, 0, 0); }
#basketsummary strong.orange { color: #26b9e4; }
#basketsummary span.sml { font-size: 0.9em; color: rgb(173, 173, 173); margin-left: 4px; }
#basketsummary .add-btn input { display: none !important; }
#basketsummary .add-btn input:hover { background-color: rgb(0, 0, 0); }
#basketsummary .add-btn a.addbtn { background-color: #253643; border: none; border-radius: 0px; padding: 11px; width: calc(100% - 40px); text-align: center; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; max-width: none; font-weight: 700; display: block; float: left; }
#basketsummary .add-btn a.addbtn:hover { background-color: #26b9e4; color: rgb(255, 255, 255); }
#basketsummary .add-fav { text-decoration: none !important; width: 35px; height: 35px; display: inline-block; position: relative; margin: 0px; vertical-align: bottom; padding: 0px; cursor: pointer; float: right; }
#basketsummary .add-fav .heart { display: block; text-align: center; line-height: 35px; font-size: 1.5em; }
#basketsummary .add-fav .plus { position: absolute; bottom: 3px; right: 3px; font-size: 0.8em; color: #26b9e4 !important; }

#basketsummary .add-btn .add-loader { background-color: #000; padding: 11px; color: #fff; text-align: center; width: calc(100% - 40px); font-weight: 700; float: left; }
#currencydrop { height: 30px; min-width: 175px; display: inline-block; background-color: rgb(223, 223, 223); position: relative; text-align: left; padding: 0px 10px; font-size: 1.1em; cursor: pointer; }
#currencydrop .flag-image { position: absolute; top: 50%; transform: translateY(-50%); right: 60px; width: 20px; height: 20px; border-radius: 100%; overflow: hidden; }
#currencydrop .flag-image .inner-rel { width: 100%; height: 100%; position: relative; }
#currencydrop .flag-image .inner-rel img { width: 30px !important; height: 20px !important; max-width: 30px !important; top: 0px; left: 50%; transform: translateX(-50%); position: absolute; display: inline-block; }
#currencydrop .tag { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-weight: 700; color: rgb(51, 51, 51); }
#currencydrop .reg { position: absolute; right: 10px; color: rgb(0, 0, 0); top: 50%; transform: translateY(-50%); }
#currencydrop .reg strong { display: inline-block; border: none !important; }
#currencydrop .reg i { color: #26b9e4; margin-left: 5px; display: inline-block; }
#currencydrop .currencydropout { position: absolute; width: 100px; top: 100%; right: 0px; max-height: 1000px; overflow-y: hidden; z-index: 10; border-right: 1px solid rgb(241, 241, 241); border-bottom: 1px solid rgb(241, 241, 241); border-left: 1px solid rgb(241, 241, 241); border-image: initial; border-top: none; }
#currencydrop .currencydropout.hide { height: 0px; }
#currencydrop .currencydropout a { display: block; height: 30px; position: relative; background-color: rgb(255, 255, 255); }
#currencydrop .currencydropout a .reg { left: auto; right: 25px; }
#currencydrop .currencydropout a:hover .reg { color: #26b9e4; }
.text-right { text-align: right; }
#incvatswitch { width: 165px; height: 30px; display: inline-block; position: relative; transform: none; font-size: 1.23em; }
#incvatswitch .switch { height: 20px; width: 34px; position: absolute; top: 50%; transform: translateY(-50%); left: 75px; background-color: rgb(255, 255, 255); border-radius: 20px; cursor: pointer; }
#incvatswitch .switch .inner-rel { width: 100%; height: 100%; position: relative; }
#incvatswitch .switch .inner-rel .switchbg { background-color: #253645; height: 15px; width: 30px; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
#incvatswitch .switch .inner-rel .indicator { width: 11px; height: 11px; border-radius: 100%; background-color: #2ab9e4; position: absolute; top: 50%; transition: all 0.2s ease-in-out 0s; }
#incvatswitch .tag { position: absolute; top: 50%; transform: translateY(-50%); color: #333; font-weight: 700; }
#incvatswitch .tag.inc { left: 0px; }
#incvatswitch .tag.ex { right: 0px; }
#incvatswitch.exvat .switch .inner-rel .indicator { transform: translate(19px, -50%); }
#incvatswitch.incvat .switch .inner-rel .indicator { transform: translate(4px, -50%); }
#incvatswitch.exvat .tag.ex { color: #26b9e4; }
#incvatswitch.incvat .tag.inc { color: #26b9e4; }

.order-approved { font-size: 1.3em; }
.order-approved h1 { color: #26b9e4; margin: 15px 0px; }
.order-approved a { text-decoration: underline; }
.order-approved a:hover { text-decoration: none; }

.center-img { text-align: center; }
.center-img img { display: inline-block; }

#langswitch { width: 165px; height: 30px; display: block; margin: 0px auto; position: relative; transform: none; font-size: 1.23em; }
#langswitch .switch { height: 20px; width: 34px; position: absolute; top: 50%; transform: translateY(-50%); left: 75px; background-color: rgb(255, 255, 255); border-radius: 20px; cursor: pointer; }
#langswitch .switch .inner-rel { width: 100%; height: 100%; position: relative; }
#langswitch .switch .inner-rel .switchbg { background-color: #253645; height: 15px; width: 30px; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
#langswitch .switch .inner-rel .indicator { width: 11px; height: 11px; border-radius: 100%; background-color: #2ab9e4; position: absolute; top: 50%; transition: all 0.2s ease-in-out 0s; }
#langswitch .tag { position: absolute; top: 50%; transform: translateY(-50%); color: #333; font-weight: 700; }
#langswitch .tag.eng { left: 0px; }
#langswitch .tag.wel { right: 0px; }
#langswitch.wellang .switch .inner-rel .indicator { transform: translate(19px, -50%); }
#langswitch.englang .switch .inner-rel .indicator { transform: translate(4px, -50%); }
#langswitch.wellang .tag.wel { color: #26b9e4; }
#langswitch.englang .tag.eng { color: #26b9e4; }

.hint-txt { color: #666666; font-weight: normal !important; margin-left: 5px; }

.point-tiles .tile .inner { padding: 20px; background-color: #26b9e4; height: 100%; min-height: 380px; border-bottom: solid #000 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); position: relative; }
.point-tiles .tile .inner .round { height: 120px; width: 120px; border-radius: 100%; background-color: #26b9e4; position: relative; }
.point-tiles .tile .inner .round img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.point-tiles .tile .inner h3 { text-transform: uppercase; color: #fff; font-size: 1.8em; font-weight: 600; }
.point-tiles .tile .inner .txt { color: #fff; font-size: 1.10em; font-weight: 400; }
.point-tiles .tile .inner a { position: absolute; bottom: 15px; left: 20px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 1.2em; }
.point-tiles .tile .inner a:hover { color: #000; }

.filter-options { padding: 15px; background-color: #fafafa; border-radius: 3px; }
.filter-options .filter-head { margin: -15px -15px 0px -15px; background-color: #efefef; padding: 10px 15px; }
.filter-options h3 { padding: 0px; margin: 0px; }
.filter-options .top { cursor: pointer; padding: 10px 0px; position: relative; margin-top: 10px; border-bottom: 1px solid rgb(241, 241, 241); }
.filter-options .top strong { color: rgb(0, 0, 0); font-size: 1.3em; }
.filter-options .top i { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; font-size: 1.2em; color: #26b9e4; }
.filter-options .top.open i { transform: translateY(-50%) rotate(180deg); }
.filter-options .body { overflow: hidden; height: auto; margin: -5px; padding: 5px; }
.filter-options .body.closed { height: 0px; }
.filter-options .body .inner { padding: 3px; max-height: 230px; overflow: hidden; }

.filter-options .body .inner.open { height: auto; max-height: 1000vh; }

.filter-options .body .row { padding: 5px 0px 5px 30px; margin: 15px 0px; display: block; position: relative; cursor: pointer; }
.filter-options .body .row input { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); margin: 0px; width: 30px; height: 30px; cursor: pointer; }
.filter-options .body .row label { color: rgb(51, 51, 51); font-size: 1.23em; cursor: pointer; }
.filter-options .body .row label strong { font-weight: normal !important; }

.filter-options .body .row:hover label { color: #26b9e4; }

.filter-options .sml-pad { max-height: 40px; }
.filter-options .prod-colour-picker { padding: 10px; border: none; }
.filter-options .colour-inner input { display: block; margin-left: -9999px; }

.filter-options .selected-filters { border: 1px solid #f1f1f1; margin-top: 15px; border-radius: 3px; padding: 10px; background-color: #fff; }
.filter-options .selected-filter { margin-bottom: 10px; cursor: pointer; font-size: 1.1em; }
.filter-options .selected-filter i { color: #26b9e4; margin-right: 5px; }
.filter-options .selected-filter span { text-decoration: underline; color: #000; }
.filter-options .selected-filter:hover i { color: #000; }
.filter-options .selected-filter:hover span { text-decoration: none; }
.filter-options .clear-filters { margin-top: 15px; display: block; background-color: #2ab9e4; text-align: center; font-weight: bold; font-size: 1.3em; padding: 10px; border-radius: 3px; cursor: pointer; color: #fff; }
.filter-options .clear-filters:hover { background-color: #000; color: #fff; }

.no-basket-items { background-color: #fff; border: solid 1px #f1f1f1; border-radius: 3px; padding: 30px; text-align: center; }
.no-basket-items .txt { text-align: center; margin-bottom: 30px; color: #26b9e4; font-weight: bold; font-size: 2.2em; }
.no-basket-items .btn { max-width: 240px; width: 100%; padding: 10px; font-size: 1.3em; }

#newsletterform { background-color: #192a37; padding: 30px 0px; }
#newsletterform strong { color: rgb(255, 255, 255); font-size: 2.2em; display: block; max-width: 310px; margin: 0px auto; line-height: 49px; }
#newsletterform .form-field { width: 100%; position: relative; height: 49px; }

#newsletterform .form-field input:nth-child(2) { margin: 0 2.7%; }
#newsletterform .form-field button { height: 50px !important; cursor: pointer; right: 0px; height: 100%; border: none; color: #000; background-color: #f7a700; font-size: 1.4em; font-weight: 700; float: right; width: 180px; display: block; border-radius: 2px; }
#newsletterform .form-field button:hover { background-color: rgb(200, 92, 26); color: rgb(255, 255, 255); }


#newsletterform .form-field .fields { width: calc(100% - 190px); float: left; }
#newsletterform .form-field .fields input { font-size: 1.1em; border: none; border-radius: 2px; padding: 17px; width: 100%; float: none; }
#newsletterform .form-field .fields input.input-validation-error { border: 1px solid rgb(255, 0, 0); }
#newsletterform .form-field .fields .dw-xs-4 { padding: 0px 5px; }
#newsletterform .form-field .fields .section { margin: 0px -5px; }
#newsletterform .form-field .form-submit { width: 180px; float: right; }




#newsletterform form { display: block; position: relative; }
#newsletterform form .KO { width: 100%; max-width: 300px; text-align: center; display: inline-block; position: absolute; left: 50%; top: calc(100% + 11px); transform: translateX(-50%); background-color: rgb(255, 255, 255); padding: 10px; border-radius: 3px; background-color: #fee; color: #ff0000; }
.social-roundels { text-align: center; }
.social-roundels a { cursor: pointer; font-size: 1.6em; width: 50px; height: 50px; position: relative; display: inline-block; margin: 0px 7px; border-radius: 2px; background-color: rgb(0, 0, 0); }


.social-roundels a.fb { background-color: #3b5998; }
.social-roundels a.tw { background-color: #00aced; }
.social-roundels a.yt { background-color: #c4302b; }
.social-roundels a.li { background-color: #0072b1; }

.social-roundels a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); }

.social-roundels a:hover { background-color: rgb(255, 255, 255); }
.social-roundels a.fb:hover i { color: #3b5998; }
.social-roundels a.tw:hover i { color: #00aced; }
.social-roundels a.yt:hover i { color: #c4302b; }
.social-roundels a.li:hover i { color: #0072b1; }


.free-deliv { display: inline-block; padding: 5px 0px 5px 40px; position: relative; }
.free-deliv strong { color: rgb(0, 0, 0); font-size: 1.2em; text-transform: uppercase; }
.free-deliv i { color: #26b9e4; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 1.8em; }
a.block-link { display: block; cursor: pointer; }
.block-link:hover .right-opt strong { color: #26b9e4 !important; }
.right-opt span a:hover { color: #26b9e4; }
.narrow-text-container { max-width: 900px; margin: 0px auto; }
.termspage { }
.termspage a { color: #26b9e4; text-decoration: underline; }
.termspage strong { color: rgb(0, 0, 0); }
.termspage ul { color: #26b9e4; }
.termspage span { color: rgb(0, 0, 0); }
.termspage span.point { font-weight: bold; color: #26b9e4; margin-top: 30px; display: block; }
.basket { margin-top: 15px; }
.discount-placer { position: relative; }
.basket .row { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 30px; text-align: center; }
.basket .main .row { border-left: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); padding-top: 15px; }
.basket .row.headrow { border-image: initial; border-bottom: none; color: rgb(0, 0, 0); font-weight: 700; background-color: #eee; border-radius: 3px 3px 0px 0px; font-size: 1.3em; text-align: left; }
.basket .row.headrow .col1 { padding-left: 30px; }
.basket .row .col1 { text-align: left; }
.basket .row.regular { min-height: 95px; position: relative; background-color: #fff; }
.basket .remove { position: absolute; right: 25px; top: 20px; font-size: 0px; z-index: 99; }
.basket .remove.no-ab { position: static; }
.basket .remove::after { display: inline-block; content: ""; font-size: 27px; font-family: "Font Awesome 5 Free"; color: rgb(51, 51, 51); }
.basket .remove:hover::after { color: #26b9e4; }
.basket .edit { position: absolute; right: 60px; top: 20px; font-size: 0px; z-index: 99; }
.basket .edit.no-ab { position: static; }
.basket .edit::after { display: inline-block; content: ""; font-size: 27px; font-family: "Font Awesome 5 Free"; color: rgb(51, 51, 51); }
.basket .edit:hover::after { color: #26b9e4; }
.basket .row.regular .col1.nopadd { padding-left: 0px; }
.basket .row .col1 span { color: rgb(51, 51, 51); display: block; font-weight: bold; text-decoration: underline; }
.basket .row .col1 em { display: block; }
.basket .row .col1 a.remove { margin-top: 10px; color: rgb(0, 69, 143); text-transform: uppercase; display: block; line-height: 40px; }
.basket .row .col1 a.remove { color: #26b9e4; cursor: pointer; }
.basket .row .col1 .biNote { width: 100%; max-width: none; }
.basket .row .col2 span.lbl { display: inline-block; line-height: 40px; }
.basket .row strong { color: #F5A707; font-size: 1.4em; }
.basket .row strong.green-txt { color: #4daf58; font-size: 1.4em; }
.basket .row.total { font-size: 1.3em; }
.basket input[type="text"] { border: 1px solid rgb(180, 180, 180); max-width: 40px; line-height: 30px; margin: 0px auto; display: block; color: rgb(89, 52, 26); font-size: 1.2em; text-align: center; border-radius: 3px; }
.basket input[type="submit"] { border: none; max-width: 65px; margin: 15px auto 0px; text-transform: uppercase; text-align: center; color: #26b9e4; font-weight: 600; font-size: 0.9em; background-color: transparent; cursor: pointer; border-radius: 0px; float: none !important; }
.basket .confirmbtn input[type="submit"] { max-width: 100%; color: #fff; text-decoration: none; }
.basket input[type="submit"]:hover { text-decoration: underline; }
.basket .confirmbtn input[type="submit"]:hover { text-decoration: none; }
.basket input[type="submit"].update:hover { text-decoration: underline; }

.basketquantity-editor { display: inline-block; border: 1px solid #f1f1f1; border-radius: 3px; position: relative; max-width: 100px; margin: 0 auto; height: 32px; text-align: center; }
.basketquantity-editor input { border: none !important; display: inline-block !important; width: 100%; max-height: 100%; text-align: center; float: none !important; margin: 0px !important; max-width: 52% !important; }
.basketquantity-editor .control { font-size: 1.3em; font-weight: bold; background-color: #f6f6f6; display: inline-block; height: 100%; cursor: pointer; }
.basketquantity-editor .control.sub { position: absolute; left: 0px; border-right: 1px solid #f1f1f1; width: 24%; line-height: 29px; text-align: center; }
.basketquantity-editor .control.add { position: absolute; right: 0px; border-left: 1px solid #f1f1f1; width: 24%; line-height: 29px; text-align: center; }



.basket .total .row.regular { border-bottom: 0px; min-height: 0px; margin-bottom: 0px; }
.basket .total .row .col-left { float: left; line-height: 31px; text-align: left; font-size: 1.2em; }
.basket .total .row .col-right { float: right; line-height: 30px; text-align: right; }
.basket .btn.grey { background-color: rgb(191, 191, 191); border-color: rgb(191, 191, 191); margin-left: 15px; color: rgb(255, 255, 255); font-weight: bold; }
.basket .btn.grey:hover { border-color: rgb(119, 119, 119); background-color: rgb(119, 119, 119) !important; }
.basket .total .row.regular.sub { padding-bottom: 0px; }
.basket .full-bg { text-align: center; }
.basket .full-bg .section { margin: 40px auto 25px; display: block; max-width: 450px; }
.basket .pyplxs { text-align: center; margin-top: 10px; }
.basket .paypalor { font-weight: bold; color: rgb(51, 51, 51); text-align: center; margin: 20px 0px 15px; font-size: 1.2em; }
.basket .desc { padding: 5px 0px 30px 30px; position: relative; }
.basket .desc.packing .img-container { display: flex; align-items: center; justify-content: center; }
.basket .desc i { font-size: 4rem; }
.basket .desc .title { display: inline-block; left: 130px; width: calc(100% - 130px); top: 0px; position: absolute; font-size: 1.25em; color: rgb(51, 51, 51); cursor: pointer; }
.basket .desc .title:hover { color: #26b9e4; }
.basket .img-container { display: block; width: 90px; height: 90px; border: 1px solid rgb(241, 241, 241); text-align: center; }
.basket .img-container img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.basket .desc .custom-link a { padding: 10px; background-color: rgb(0, 0, 0); border-radius: 3px; color: rgb(255, 255, 255); font-weight: bold; display: inline-block; text-align: center; margin-top: 15px; font-size: 1.1em; width: 100%; max-width: 250px; }
.basket .desc .custom-link a:hover { background-color: #26b9e4; color: rgb(255, 255, 255); }
.basket .desc .custom-link.rem a { background-color: #26b9e4; cursor: pointer; }
.basket .desc .custom-link.rem a:hover { background-color: rgb(0, 0, 0); cursor: pointer; }

.basket .desc .edit-remove { text-align: right; }
.basket .desc .edit-remove .edit, .basket .desc .edit-remove .rem { display: inline-block; line-height: 50px; }
.basket .desc .edit-remove .edit { margin-right: 40px; }
.basket .desc .edit-remove .edit a { font-weight: bold; color: #26b9e4; text-decoration: underline; font-size: 1.2em; }
.basket .desc .edit-remove .edit a:hover { text-decoration: none; color: #000; }
.basket .desc .edit-remove .edit i { color: #333; font-size: 1.4em; margin-right: 5px; }

.basket-ok { padding: 15px; margin-bottom: 15px; background-color: green; color: #fff; font-size: 1.3em; border-radius: 3px; }

.inline-link { cursor: pointer; }
.inline-link.orange { color: #26b9e4; }
.inline-link.orange:hover { text-decoration: underline; }
.inline-link.underline { text-decoration: underline; }
.inline-link.underline:hover { text-decoration: none; }
.basket .description { font-size: 1.25em; padding-top: 5px; }
.checkoutprices { padding: 15px 25px 25px 25px; border: 1px solid #253645; background-color: #fff; border-radius: 3px; }
.checkoutprices .row.headrow { margin: 0px; background-color: #fff; }
.checkoutprices .row.regular { }
.checkoutprices .inner-rows { border-radius: 0px 0px 3px 3px; background-color: #fff; }
.checkoutprices .inner-rows .btn { width: 100%; margin: 0px auto; border-radius: 3px; padding: 13px; background-color: #253645; }
.checkoutprices .inner-rows .btn:hover { background-color: #26b9e4; }
.checkoutprices .line { width: 100%; height: 1px; background-color: #253645; margin: 15px 0px; }
.checkoutprices .row.regular { padding-bottom: 0px; }
.checkoutprices .row.regular.total { margin: 10px 0px 0px 0px; width: 100%; }
.checkoutprices .headrow { color: #333; }
.checkoutprices span { font-weight: 700; color: rgb(0, 0, 0); }
.checkoutprices .summary-text { color: #000 !important; font-size: 1.05em; }
.checkoutrel { position: relative; }
.checkoutrel .checkout-summary { position: absolute; right: 15px; top: 9px; }



.checkout-summary .top { position: relative; min-height: 70px; padding-left: 85px; margin-bottom: 15px; }
.checkout-summary .top .image { width: 70px; height: 70px; border: 1px solid rgb(241, 241, 241); border-radius: 3px; position: absolute; top: 0px; left: 0px; text-align: center; }
.checkout-summary .top .image img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.checkout-summary .title { color: rgb(0, 0, 0); font-size: 1.3em; margin-bottom: 10px; display: block; }
.checkout-summary .top strong { display: block; margin: 5px 0px 10px; color: rgb(0, 0, 0); }
.checkout-summary .top span { color: rgb(0, 0, 0); }
.checkout-summary .item-count { margin-bottom: 10px; display: block; }

.editor-field select { padding: 10px; width: 100%; border: 1px solid rgb(212, 212, 212); border-radius: 3px; }
.discount-form-container { margin-top: 15px; border-radius: 3px; }
.discount-form-container .top h3 { color: rgb(51, 51, 51); padding: 0px !important; margin: 0px !important; font-weight: 900; }
.discount-form-container .top a { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; font-size: 1.6em; color: #26b9e4; }
.discount-form-container .top a:hover { color: rgb(51, 51, 51); }
.discount-form-container .top { padding: 15px 30px; position: relative; background-color: #fff; border: 1px solid #f1f1f1; cursor: pointer; }
.discount-form-container .body { padding: 0px 30px; overflow: hidden; border: 1px solid #f1f1f1; background-color: #fff; margin-top: 15px; }
.discount-form-container .top.open a { transform: translateY(-50%) rotate(180deg) !important; }
.discount-form-container .top.closed a { }
.discount-form-container .body.open { height: auto; max-height: 1000px; }
.discount-form-container .body.closed { height: 0px; border: none; }
.discount-form-container .editors { position: relative; }
.discount-form-container .editors .submit { position: absolute; top: 0px; right: 0px; width: 195px; }
.discount-form-container .editors .submit input { width: 100%; border: none; border-radius: 3px; background-color: #26b9e4; color: rgb(255, 255, 255); padding: 12px; }
.discount-form-container .editors .submit input:hover { background-color: rgb(0, 0, 0); }
.discount-form-container .editors .text-box { padding: 10px; width: calc(100% - 230px); }
.discount-form-container span { font-size: 1.3em; display: block; margin: 15px 0px; }
.discount-form-container .KO, .discount-form-container .ko { background-color: #fee; display: inline-block; padding: 0px 15px; color: #ff0000; border: 1px solid #ff0000; border-radius: 3px; margin-top: 15px; }
#loginform { background-color: #fff; border-radius: 3px; padding: 25px; border: 1px solid #c3c3c3; min-height: 364px; }
#loginform h2 { margin: 0px; padding: 0px; }
#loginform label { margin: 10px 0px; display: inline-block; font-size: 1.3em; color: rgb(0, 0, 0); font-weight: 700; }
#loginform input[type="text"], #loginform input[type="password"] { width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(195, 195, 195); padding: 10px; height: 40px; }
#loginform input[type="submit"] { width: 100%; border: none; border-radius: 3px; padding: 10px; font-size: 1.3em; }
#loginform .editor-label { position: relative; }
#loginform .editor-label .forgot { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
#loginform .reg-txt { font-size: 1.2em; font-weight: 600; max-width: 390px; color: rgb(0, 0, 0); }
#loginform .btn.full-width { width: 100%; max-width: 100%; }
#loginform .forgot { float: right; display: inline-block; margin-top: 15px; }
#loginform .forgot a { color: #26b9e4; text-decoration: underline; font-size: 1.4em; }
#loginform .forgot a:hover { color: rgb(0, 0, 0); }
#loginform.register-form { max-width: 600px; margin: 0px auto; }
#loginform.register-form .validation-summary-errors { display: none; }
#loginform.register-form .g-recaptcha { max-width: 304px; margin: 0 auto 30px; }
#loginform.register-form .agree { font-size: 1.2em; font-weight: bold; color: rgb(0, 0, 0); margin: 15px 0px; }
#loginform.register-form .agree a { color: #26b9e4; }
#loginform.register-form .agree a:hover { color: rgb(51, 51, 51); }
#delivery .option-container input { }
#delivery #delivery-options .delivery-opt { cursor: pointer; position: relative; display: block; width: 100%; height: 80px; border: 1px solid rgb(212, 212, 212); border-radius: 3px; margin: 10px 0px; display: flex; align-items: center; justify-content: space-between; font-size: 1.1rem; grid-gap: 10px; }
#delivery #delivery-options .delivery-opt.selected { border: 1px solid #26b9e4; background-color: #26b9e4; }
#delivery #delivery-options .delivery-opt span { }
#delivery #delivery-options .delivery-opt span.rb { left: 15px; }
#delivery #delivery-options .delivery-opt .dummy-check { width: 30px; height: 30px; border: 1px solid rgb(212,212,212); border-radius: 3px; }
#delivery #delivery-options .delivery-opt .dummy-check .inner-rel { width: 100%; height: 100%; position: relative; }
#delivery #delivery-options .delivery-opt .dummy-check i { display: none; }
#delivery #delivery-options .delivery-opt.selected .dummy-check .inner-rel i { display: inline-block !important; color: #26b9e4; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
#delivery #delivery-options .delivery-opt span.title { left: 58px; color: #26b9e4; }
#delivery #delivery-options .delivery-opt span.description { left: 263px; max-width: 380px; font-weight: 400; }
#delivery #delivery-options .delivery-opt span.price { right: 65px; font-size: 1.3rem; font-weight: 700; color: #26b9e4; }
#delivery #delivery-options .delivery-opt span.price .vat-tag { color: #333; font-size: 0.7em; width: 50px; display: inline-block; margin-left: 5px; }
#delivery #delivery-options .delivery-opt .dummy-flex { display: flex; grid-gap: 10px; align-items: center; justify-content: space-between; }
#delivery #delivery-options .delivery-opt.selected span.title, #delivery #delivery-options .delivery-opt.selected span.price, #delivery #delivery-options .delivery-opt.selected span.description { color: #fff; }
#delivery #delivery-options .delivery-opt .dummy-check { width: 30px; height: 30px; border: 1px solid rgb(212,212,212); border-radius: 3px; }
#delivery #delivery-options .delivery-opt.selected .dummy-check { background-color: #fff; }

.form { background-color: #fff; border-radius: 3px; padding: 25px; border: 1px solid rgb(241, 241, 241); }
.form h3 { color: rgb(51, 51, 51); padding: 0px; margin: 0px 0px 15px; font-size: 1.8em; }
.form input[type="text"], .form input[typ="tel"] { width: 100%; height: 40px; padding: 0px 0px 0px 10px; color: rgb(119, 119, 119); border: 1px solid rgb(212, 212, 212); border-radius: 3px; }
.form .btn.orange { float: right; }
.form .btn { width: 100%; text-align: center; max-width: 150px; border: none; border-radius: 3px; }
.form .editor-label { padding: 10px 0px; }
.account-buttons .btn, .form .btn { line-height: 25px; font-size: 15px; border-radius: 3px; max-width: 180px; width: 100%; text-align: center; }
.account-buttons .btn.back:hover, .form .btn.back:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.account-buttons .btn.toright { float: right; padding: 12px; }

.account-order-view { max-width: 800px; width: 100%; margin: 0 auto; }
.account-order-view td { padding: 10px; }
.account-order-view td h3 { padding: 0px; }

.register { padding-bottom: 0px; margin-top: 15px; }
.register .reg-circle { height: 60px; width: 60px; line-height: 60px; background-color: #26b9e4; border-radius: 50px; text-align: center; color: rgb(255, 255, 255); font-size: 2em; margin: auto; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.register .text { font-weight: 600; color: rgb(51, 51, 51); }
.register .register-bullet .text { position: absolute; top: 50%; transform: translateY(-50%); left: 75px; min-width: 85px; }
.register .dw-sm-6.text { padding: 0px; }
.register i { color: rgb(255, 255, 255); text-align: center; margin: auto; }
.register .register-bullet { position: relative; height: 60px; width: 100%; }
#contactform { /* padding: 30px; */ border-radius: 3px; }
#contactform h2 { margin: 0px; padding: 0px; }
#contactform label, .form label { font-weight: 700; display: block; color: rgb(0, 0, 0); }
#contactform input[type="text"], #loginform input[type="password"] { width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(195, 195, 195); padding: 10px; }
#contactform input[type="submit"] { width: 100%; border: none; border-radius: 3px; padding: 13px; margin-top: 10px; font-size: 1.3em; }
#contactform .editor-label { position: relative; }
#contactform .editor-label .forgot { position: absolute; right: 0px; top: 10px; cursor: pointer; display: inline-block; }

.quote--basket { }

.quote--basket .price--editor { display: block; }
.quote--basket .price--editor .curr { display: block; width: 40px; float: left; line-height: 42px; }
.quote--basket .price--editor input { font-size: 1.4em; margin: 0px !important; float: left; width: calc(100% - 40px); font-weight: 700; line-height: 40px; padding: 0px 5px; }

.quote--basket .qty { font-weight: 700; font-size: 1.5em; line-height: 40px; }

.quote--form { border: 1px solid #eee; padding: 0px 15px 15px 15px; }
.quote--form .btn { max-width: 250px; float: right; background-color: #26b9e4; color: #fff; }
.quote--form .btn:hover { background-color: #253645; }
.quote--form em { display: block; margin-top: 15px; }
.quote--form label { margin: 0px; }

#paymentform { padding: 60px 90px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 3px; max-width: 590px !important; width: calc(100% - 30px); margin-top: 60px; }

#paymentform .payment-top i { color: #26b9e4; font-size: 1.9em; }
#paymentform .payment-top span { font-weight: bold; color: #333; font-size: 1.8em; margin-left: 15px; }
#paymentform .payment-top img { height: 23px; width: auto; float: right; }
#paymentform .payment-top { margin-bottom: 30px; }

#paymentform .btn { width: 100%; margin-top: 15px; padding: 12px; }
#paymentform .btn i { margin-right: 10px; }

#paymentform label, .form label { font-weight: 700; margin: 10px 0px; display: inline-block; color: rgb(0, 0, 0); }
#paymentform input[type="text"], #loginform input[type="password"] { width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(195, 195, 195); padding: 10px; height: 40px; }
#paymentform #cardholder-name { margin-bottom: 15px; }
#paymentform input[type="submit"] { width: 100%; border: none; border-radius: 3px; padding: 10px; }
#paymentform .editor-label { position: relative; color: #000; padding-bottom: 10px; font-size: 1.3em; }
#paymentform .editor-label .forgot { position: absolute; right: 0px; top: 10px; cursor: pointer; display: inline-block; }
#paymentform .bluelarge { color: #26b9e4; font-size: 1.6em; font-weight: bold; }

.address-card { min-height: 280px; margin-bottom: 15px; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 3px; position: relative; padding: 15px; }
.address-card.selected { border: 1px solid #26b9e4; }
.address-card .address-title span { color: #26b9e4; font-weight: bold; font-size: 1.5em; margin-bottom: 15px; display: block; }
.address-card .address-editors { position: absolute; left: 15px; bottom: 15px; }
.address-card .address-editors .edit a { border-radius: 3px; display: inline-block; padding: 8px 10px; color: #fff; font-weight: bold; background-color: #009db0; }
.address-card .address-editors .link a { color: #26b9e4; font-weight: bold; text-decoration: underline; margin-top: 4px; display: inline-block; }

.non-login #loginform span { display: inline-block; margin: 15px 0px; }
.non-login #loginform .btn { width: 100%; text-align: center; font-size: 15px; font-family: proxima_nova_rgregular, Helvetica, Arial, sans-serif; border-radius: 3px; padding: 10px; }
#checkoutform { }
#checkoutform .full-bg { background-color: #fff; max-width: 1300px; border-radius: 3px; border: 1px solid rgb(241, 241, 241); color: rgb(51, 51, 51); font-weight: 600; padding: 0px 25px 25px; }
#checkoutform .line { width: calc(100% + 50px); margin: 15px 0px 15px -25px; height: 1px; background-color: rgb(241, 241, 241); }
#checkoutform input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] { width: 100%; height: 40px; padding: 0px 0px 0px 10px; color: #000; border: 1px solid rgb(212, 212, 212); border-radius: 3px; }
#checkoutform .full-bg .editor-field { margin-bottom: 20px; }
#checkoutform #pickaddr .editor { position: relative; margin-bottom: 15px; }
#checkoutform #pickaddr .editor .text { margin: 0px; width: calc(100% - 170px); }
#checkoutform #pickaddr .editor .submit { margin: 0px; position: absolute; top: 0px; right: 0px; width: 140px; }
#checkoutform #pickaddr .editor .submit a { display: block; text-align: center; padding: 12px; background-color: #26b9e4; color: rgb(255, 255, 255); border-radius: 3px; }
#checkoutform .editor-label, #checkoutform .sab { display: block; margin: 10px 0px; }
#checkoutform .sab span { font-weight: 300; font-size: 1.3em; }
#checkoutform .agree a { color: #26b9e4 !important; }
#checkoutform .agree a:hover { text-decoration: underline; }
#checkoutform h2 { color: rgb(51, 51, 51); font-size: 1.8em; }
#checkoutform h2 i { margin-right: 15px; color: #26b9e4; }
#checkoutform h2.main { margin-top: 20px; }
.pay-types .pay-srnd { min-height: 50px; position: relative; border-radius: 3px; margin-bottom: 15px; }
.pay-types .pay-srnd input { display: none; }
.pay-types .pay-srnd.debit { background-color: #26b9e4; }
.pay-types .pay-srnd.credit { background-color: #4DAF59; }
.pay-types .pay-srnd.paypal { background-color: rgb(255, 196, 58); }
.pay-types .pay-srnd strong { color: rgb(255, 255, 255); font-size: 1.3em; }
.pay-types .pay-srnd img { position: absolute; top: 50%; transform: translateY(-50%); left: 12px; }
.pay-types .pay-srnd .dummy-check { cursor: pointer; width: 32px; height: 32px; right: 10px; top: 50%; transform: translateY(-50%); background-color: rgb(255, 255, 255); position: absolute; border-radius: 3px; }
.pay-types .pay-srnd .dummy-check .inner { width: 100%; height: 100%; position: relative; }
.pay-types .pay-srnd .dummy-check .inner i { display: none; }
.pay-types .pay-srnd.selected .dummy-check .inner i { display: block; color: #26b9e4; font-size: 1.3em; width: 100%; text-align: center; line-height: 32px; }
.pay-types .pay-srnd .dummy-check .inner i.checked { color: #26b9e4; font-size: 1.3em; }
.btn.telephonepayment { width: 100%; text-align: center; padding: 10px; font-size: 1.3em; border-radius: 3px; }
.btn.proceed { width: 100%; border: none; border-radius: 3px; padding: 12px; }
.pay-srnd { position: relative; background-color: rgb(255, 255, 255); padding: 5px 10px; }
.pay-srnd label { display: block; }
.pay-srnd strong { line-height: 40px; display: inline-block; margin-right: 20px; }
#twotab .tabs { height: 46px; position: relative; border-bottom: 1px solid rgb(225, 225, 225); }
#twotab .tabs .tab { cursor: pointer; position: absolute; background-color: #fafafa; bottom: -1px; left: 50%; height: 100%; border: 1px solid rgb(225, 225, 225); border-radius: 3px 3px 0px 0px; width: 225px; text-align: center; }
#twotab .tabs .tab strong { line-height: 43px; color: rgb(0, 0, 0); font-size: 1.2em; }
#twotab .tabs #left.tab { transform: translateX(calc(-100% - 8px)); }
#twotab .tabs #right.tab { transform: translateX(8px); }
#twotab .tabs .tab.open { border-bottom: none; height: 50px; }
#twotab .body { display: none; }
#twotab .body.open { display: block; }
#twotab .body .delivery-bullet { border: 1px solid rgb(225, 225, 225); margin-top: 15px; background-color: #fff; }
#twotab .body .delivery-bullet .long-description { width: calc(100% - 60px); margin: 0 auto; border-top: 1px solid rgb(225, 225, 225); font-size: 1.1em; padding-bottom: 15px; }

#twotab .body .delivery-bullet .bullet-inner { position: relative; }
#twotab .body .delivery-bullet i { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; font-size: 2.4em; color: #26b9e4; }
#twotab .body .delivery-bullet strong { color: rgb(0, 0, 0); font-size: 1.3em; position: absolute; top: 50%; transform: translateY(-50%); left: 100px; }


#twotab .body .delivery-bullet strong .sub-txt { display: block; font-size: 0.82em; }
#twotab .body .delivery-bullet .price { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-weight: 700; color: #26b9e4; font-size: 1.5em; }

#twotab .body .delivery-bullet .long-description strong { font-size: 1.0em; transform: none; position: static; }

.light-grey-bg { background-color: #fbfbfb; }
.topbanner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: auto; min-width: 100%; min-height: 100%; }
.topbanner { background-color: #26b9e4; position: relative; min-height: 290px; background-position: center center; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; overflow: hidden; }


.topbanner .inner-container { position: absolute; padding: 15px; width: 100%; max-width: 1040px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: rgb(255, 255, 255); font-size: 1.2em; }
.topbanner h1 { margin-bottom: 30px; font-size: 2.2em; line-height: 1.2; }
.topbanner .banner-h1 { display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); font-size: 32px; color: #fff; }
.topbanner.nomarg { margin: 0px !important; }
.topbanner .banner-text-body a { color: #fff; }
.topbanner#ourstory { background-image: url(images/our-story.jpg); }
.topbanner#services { background-image: url(images/servicesbg.jpg); }
.topbanner .overlay { background-color: #000; opacity: 0.5; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.three-step .step { margin-top: 30px; }
.three-step .number-roundel { margin: 0 auto; width: 62px; height: 62px; background-color: #2ab9e4; border-radius: 100%; position: relative; }
.three-step .number-roundel:before { width: 62px; height: 62px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; content: ' '; border: 2px solid #ffffff; width: 50px; height: 50px; }
.three-step .number-roundel span { color: #fff; font-size: 1.5em; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.three-step h3 { display: block; max-width: 160px; color: #000; text-transform: uppercase; margin: 0 auto; font-weight: bold; text-align: center; }
.three-step .txt { text-align: center; margin: 10px auto; max-width: 360px; }

.txt-page { font-size: 1.5em; }
.txt-page h2 { color: #26b9e4; margin: 15px 0px; display: block; }

.no-results-found { }
.no-results-found h3 { color: #000; padding: 0px; font-size: 1.6em; }
.no-results-found .try { font-size: 1.3em; }
.no-results-found .btn { margin-top: 30px; }

#stepsform .summary { border: 1px solid rgb(241, 241, 241); border-radius: 3px; padding: 15px; background-color: #fff; margin-bottom: 15px; }
#stepsform .summary .top { position: relative; min-height: 70px; padding-left: 85px; margin-bottom: 15px; }
#stepsform .summary .top .image { width: 70px; height: 70px; border: 1px solid rgb(241, 241, 241); border-radius: 3px; position: absolute; top: 0px; left: 0px; text-align: center; }
#stepsform .summary .top .image img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
#stepsform .summary .title { color: rgb(0, 0, 0); font-size: 1.3em; margin-bottom: 10px; display: block; }
#stepsform .summary .top strong { display: block; margin: 5px 0px 10px; color: rgb(0, 0, 0); }
#stepsform .summary .top span { color: rgb(0, 0, 0); }
#stepsform .summary .cost { padding: 10px 0px; font-size: 1.25em; color: rgb(51, 51, 51); position: relative; }
#stepsform .summary .cost span { position: absolute; right: 0px; color: #26b9e4; font-weight: bold; font-size: 1.1em; }
#stepsform .summary .total-bx { margin: 15px -15px 0px; padding: 15px; border-top: 1px solid rgb(241, 241, 241); }
#stepsform .summary .total-bx .btn { width: 100%; text-align: center; margin-top: 10px; padding: 10px; font-size: 1.2em; border-radius: 3px; border: none; }
#stepsform .customise-steps-nav { height: 42px; position: relative; }
#stepsform .customise-steps-nav .nextstep, #stepsform .customise-steps-nav input[type="submit"] { right: 0px; line-height: 42px; width: 100%; background-color: #26b9e4; text-align: center; max-width: 430px; color: rgb(255, 255, 255); font-weight: 700; font-size: 1.3em; border-radius: 3px; border: 1px solid #26b9e4; cursor: pointer; padding: 0px 10px; }
#stepsform .customise-steps-nav .nextstep:hover { background-color: #26b9e4; border: 1px solid #26b9e4; }
#stepsform .customise-steps-nav .prevstep { position: absolute; left: 0px; line-height: 42px; display: inline-block; background-color: #000; width: 150px; text-align: center; color: #fff; font-weight: 700; font-size: 1.3em; border: 1px solid #000; top: 50%; transform: translateY(-50%); border-radius: 3px; cursor: pointer; }
#stepsform .customise-steps-nav .prevstep:hover { background-color: rgb(241, 241, 241); color: #000; border: 1px solid #f1f1f1; }
#stepsform .app-methods { padding: 15px 10px; background-color: #f7f7f7; margin-bottom: 15px; }
#stepsform .app-methods .app-select { border: 2px solid #f7f7f7; width: 100%; background-color: rgb(255, 255, 255); position: relative; border-radius: 3px; height: 100px; cursor: pointer; display: block; }
#stepsform .app-methods .app-select .inner { border: 1px solid rgb(241, 241, 241); width: 100%; height: 100%; border-radius: 3px; }
#stepsform .app-methods .app-select.selected { border: 2px solid #26b9e4; }
#stepsform .app-methods .app-select.selected .inner { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255); position: relative; z-index: 9; }
#stepsform .app-methods .app-select.arrow.selected::before { content: ""; width: 35px; height: 35px; border: 2px solid #26b9e4; position: absolute; border-radius: 3px; bottom: -16px; left: 50%; transform: translateX(-50%) rotate(45deg); z-index: 0; background-color: rgb(255, 255, 255); }
#stepsform .app-methods .app-select img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
.custom--text { margin-top: 30px; }
.current--edit .img { margin-right: 10px; display: inline-block; height: 90px; vertical-align: bottom; }
.current--edit .img img { max-height: 100%; width: auto; }
.current--edit .detail { display: inline-block; padding: 20px 0px; }
.current--edit { background-color: #fff; margin-bottom: 13px; padding: 5px; }
.current--edit .pos { font-weight: 700; color: #253645; line-height: 25px; }
.current--edit .name { font-weight: 700; color: #26b9e4; line-height: 25px; }
.save--continue--custom { background-color: #fbfbfb; border: 1px solid #f1f1f1; padding: 20px; }
.save--continue--custom h3 { margin: 0px !important; padding: 0px !important; color: #253645; font-size: 2.0em; }

.save--continue--custom input { width: 100%; line-height: 40px; height: 40px; border: 1px solid #f1f1f1; }
.save--continue--custom .nextstep { width: 100%; background-color: #26b9e4; display: block; text-align: center; color: #fff; cursor: pointer; font-weight: 700; font-size: 1.4em; line-height: 40px; border-radius: 3px; }
.save--continue--custom .nextstep:hover { background-color: #253645; }
.save--continue--custom span { font-size: 1.2em; margin: 5px 0px 10px; display: block; }

.customise-colour-drop { position: relative; }
.customise-colour-drop i, #stepsform .customise-font-drop i { color: #26b9e4; position: absolute; right: 10px; top: 10px; font-size: 1.4em; transform: rotate(180deg); }
.customise-colour-drop .colour-options { position: absolute; background-color: #fff; border: 1px solid #f1f1f1; width: 100%; max-height: 130px; overflow-y: auto; z-index: 10; }
.customise-colour-drop .option { min-height: 5px !important; margin: 0px !important; border: none !important; border-radius: 0px !important; padding: 10px 10px 10px 50px; display: block; position: relative; font-size: 1.2em; font-weight: 700; text-transform: capitalize; cursor: pointer; }
.customise-colour-drop .option:nth-child(odd) { background-color: #f1f1f1; }
.customise-colour-drop .option .colour-bx { width: 25px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; border-radius: 3px; border: 1px solid #999; }
.customise-colour-drop .head input { cursor: pointer; text-transform: capitalize; }

#stepsform .customise-font-drop { position: relative; }
#stepsform .customise-font-drop .font-options { z-index: 9; position: absolute; background-color: #fff; border: 1px solid #f1f1f1; width: 100%; max-height: 130px; overflow-y: auto; }
#stepsform .customise-font-drop .option { padding: 10px; display: block; position: relative; font-size: 1.2em; font-weight: 700; text-transform: capitalize; cursor: pointer; border-radius: 0px; border: none; min-height: 5px; margin: 0px; }
#stepsform .customise-font-drop .option:nth-child(odd) { background-color: #f1f1f1; }

#stepsform .customise-font-drop .head input { cursor: pointer; text-transform: capitalize; }

#paypal-button-container { padding: 15px; max-width: 700px; margin: 30px auto 0px auto; }

.ret-pass-form { max-width: 600px; margin: 30px auto; }
.ret-pass-form .ko, .ret-pass-form .KO { text-align: center; font-size: 1.4em; color: #ff0000; }
.ret-pass-form .OK, .ret-pass-form .ok { text-align: center; font-size: 1.4em; color: #26b9e4; }
.ret-pass-form h1 { display: block; text-align: center; margin: 0px; }
.ret-pass-form .left-btn { float: left; }
.ret-pass-form .right-btn { float: right; }
.ret-pass-form .btn { margin: 10px 0px 0px 0px; width: 100%; text-align: center; padding: 10px !important; line-height: 25px; }

.info-tooltip { cursor: pointer; display: inline-block; position: absolute; top: 15px; right: 15px; font-size: 1.8em; width: 24px; height: 24px; z-index: 10; }
.info-tooltip .inner-rel { width: 100%; height: 100%; position: relative; }

.info-tooltip .inner-rel .tooltip-dropout .inner-rel { position: relative; padding: 10px; width: 100%; text-align: center; }
.info-tooltip .inner-rel .tooltip-dropout .inner-rel span { color: rgb(255, 255, 255) !important; font-size: 0.8em !important; font-weight: normal !important; }
.info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.info-tooltip:hover .inner-rel .tooltip-dropout { display: inline-block; }
.popup { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; }
.popup.open { display: block; }
.popup .inner-rel { width: 100%; height: 100%; position: relative; }
.popup .inner-rel::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; }
.popup .inner-rel .popup-inner { position: absolute; top: 50%; left: 50%; background-color: rgb(255, 255, 255); border-radius: 3px; padding: 45px; width: calc(100% - 30px); transform: translate(-50%, -50%); max-width: 1000px; }
.popup .inner-rel .popup-inner .close { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 22px; height: 22px; transform: rotate(45deg); }
.popup .inner-rel .popup-inner .close .inner { width: 100%; height: 100%; position: relative; }
.popup .inner-rel .popup-inner .close .inner::before { width: 100%; height: 3px; }
.popup .inner-rel .popup-inner .close .inner::before, .popup .inner-rel .popup-inner .close .inner::after { content: ""; background-color: rgb(0, 0, 0); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px; }
.popup .inner-rel .popup-inner .close:hover .inner::before, .popup .inner-rel .popup-inner .close:hover .inner::after { background-color: #26b9e4; }
.popup .inner-rel .popup-inner .close .inner::after { width: 3px; height: 100%; }
.popup .txt { color: rgb(51, 51, 51); font-size: 1.2em; }
.popup ul { margin: 30px 0px; }
.popup ul li { list-style: none; font-weight: 700; margin: 15px 0px; }
.popup ul li i { color: #26b9e4; margin-right: 10px; }
.popup .price-basket { margin: 30px -15px; }
.popup .price-basket .price strong { color: #26b9e4; font-size: 2.9em; font-weight: 700; }
.popup .price-basket .price span { color: rgb(211, 211, 211); margin-left: 10px; font-size: 1.6em; }
.popup .price-basket .btn { padding: 10px; max-width: 180px; width: 100%; text-align: center; font-size: 1.3em; border-radius: 3px; }
.popup .image-rel { position: relative; }
.popup .image-rel .before-after { position: absolute; width: 50%; right: 0px; top: 50%; transform: translateY(-50%); z-index: -1; background-color: #FBFBFB; padding: 15px 0px; border-radius: 3px; }
.popup .image-rel .before-after strong { font-size: 1.6em; display: inline-block; margin-bottom: 15px; }
.popup .image-rel .before-after .section:before { content: ""; width: 2px; height: 100%; background-color: #000; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
.popup#predefinedtemplatespop .pophead { border-bottom: 1px #f1f1f1 solid; }
.popup#predefinedtemplatespop .pophead i { display: inline-block; color: #26b9e4; font-size: 3.2em; margin: 20px; }
.popup#predefinedtemplatespop .pophead h2 { display: inline-block; color: #000; font-size: 2.0em; margin: 0px; line-height: 40px; transform: translateY(-6px); }
.popup#predefinedtemplatespop .template-list { padding: 15px 30px; max-height: 60vh; overflow-y: auto; }
.popup#predefinedtemplatespop .template-list .inner { margin: 0px -7px; }
.popup#predefinedtemplatespop .template-list .inner .image { margin-top: 10px; text-align: center; }
.popup#predefinedtemplatespop .template-list .inner .title { color: #000; font-size: 1.3em; font-weight: 600; margin-top: 5px; }
.popup#predefinedtemplatespop .template-list .inner .price { color: #26b9e4; font-weight: bold; font-size: 1.4em; margin-top: 5px; }
.popup#predefinedtemplatespop .template-list .inner .dummy-select { margin: 5px 0px; padding: 8px; border-radius: 3px; display: block; max-width: 200px; background-color: #f1f1f1; color: #000; text-align: center; font-weight: 700; font-size: 1.25em; cursor: pointer; }
.popup#predefinedtemplatespop .template-list .inner .dummy-select:hover { background-color: #000; color: #fff; }

.popup#predefinedtemplatespop .template-list .inner .dummy-select.selected { background-color: #26b9e4; color: #fff; }

#stepsform .app-methods .app-select a.fas:hover { color: #26b9e4; }
#stepsform .app-methods .app-select .check { width: calc(100% - 115px); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
#stepsform .app-methods .app-select .check .inner-rel { width: 100%; height: 100%; position: relative; }
#stepsform .app-methods .app-select .check .inner-rel .text { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: calc(100% - 50px); }
#stepsform .app-methods .app-select .check strong { color: rgb(0, 0, 0); font-size: 1.4em; display: block; margin-bottom: 3px; }
#stepsform .app-methods .app-select .check .dummy-check { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 30px; height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; text-align: center; }
#stepsform .app-methods .app-select .check .dummy-check i { line-height: 30px; color: rgb(51, 51, 51); position: static; font-size: 1.5em; display: none; }
#stepsform .app-methods .app-select.selected .check .dummy-check i { display: inline-block; }
#stepsform h1 { margin: 10px 0px; }
#stepsform .step-number { display: inline-block; padding-left: 40px; color: rgb(51, 51, 51); font-size: 2.2em; position: relative; margin-bottom: 30px; }
#stepsform .step-number span { font-size: 0.6em; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: block; width: 25px; height: 25px; border-radius: 100%; background-color: #26b9e4; line-height: 25px; text-align: center; color: rgb(255, 255, 255); }
#stepsform .logo-choice { width: 100%; position: relative; border: 1px solid rgb(241, 241, 241); padding: 15px 20px; margin-top: 15px; min-height: 68px; display: block; cursor: pointer; background-color: #fff; }
#stepsform .logo-choice .selected-file span { display: block; }
#stepsform .logo-choice .selected-file img { display: block; margin-bottom: 15px; }
#stepsform .logo-choice:hover .dummy-check { border: 2px solid #26b9e4; cursor: pointer; }

#stepsform .logo-choice .dummy-check { width: 30px; height: 30px; margin-bottom: 0px; border: 1px solid #dfdfdf; display: inline-block; border-radius: 3px; margin-right: 14px; background-color: #fff; vertical-align: bottom; }

#stepsform .logo-choice strong { color: rgb(51, 51, 51); line-height: 32px; display: inline-block; left: 55px; font-size: 1.25em; margin-right: 5px; }
#stepsform .logo-choice a.dummy-upload { min-width: 150px; display: inline-block; background-color: #fbfbfb; line-height: 32px; margin-right: 5px; text-align: center; font-weight: 700; font-size: 1.3em; border: 1px solid #f1f1f1; border-radius: 2px; cursor: pointer; }

#stepsform .logo-choice:hover a.dummy-upload { border: 1px solid #26b9e4; color: #26b9e4; }

.choose-image-box { margin-top: 15px; margin-bottom: 15px; }

.choose-image-box .choose-image { overflow: hidden; background-color: #fff; }
.choose-image-box .choose-image .inner { border: 1px solid #f1f1f1; padding: 15px; text-align: center; border-radius: 3px; }
.choose-image-box .choose-image .inner .dot-border { padding: 15px 15px; border-radius: 3px; }
.choose-image-box .choose-image .dummy-upload { cursor: pointer; display: block; background-color: #26b9e4; max-width: 150px; text-align: center; color: #fff; font-weight: bold; padding: 10px; font-size: 1.4em; border-radius: 3px; margin: 0 auto 15px auto; }
.choose-image-box .choose-image .dummy-upload:hover { background-color: #000; }
.choose-image-box .choose-image .file-type { text-transform: uppercase; font-size: 1.4em; padding-top: 15px; display: block; }
.choose-image-box .choose-image .file-size { font-size: 1.2em; text-transform: capitalize; }
.choose-image-box .imagefile-info { max-width: 700px; margin: 15px auto; border-top: 1px solid #f1f1f1; padding-top: 25px; }
.choose-image-box .imagefile-info strong { display: block; text-align: center; margin: 10px 0px; font-size: 1.1em; }
.choose-image-box .imagefile-info img { max-height: 64px; width: auto; margin-top: 15px; }

.choose-image-box .choose-image.open { height: auto; }
.choose-image-box .choose-image.shut { height: 0px; }
.choose-image-box .choose-image .selected-file { margin-bottom: 20px; display: inline-block; background-color: #f1f1f1; padding: 15px 10px; color: #333; border-radius: 3px; }
.choose-image-box .choose-image .selected-file strong { text-decoration: underline; }
.choose-image-box .choose-image .selected-file a { font-weight: bold; color: #26b9e4; margin-left: 15px; cursor: pointer; }
.choose-image-box .choose-image .selected-file a:hover { color: #000; }
#stepsform #Step4_Logo_Upload, #Logo_Upload { transform: translateY(-50%); display: none; }
#stepsform .logo-choice span { }

#stepsform .logo-choice.selected a.dummy-check { border: 2px solid #26b9e4; }
#stepsform .logo-choice .dummy-check i { display: none; }
#stepsform .logo-choice.selected .dummy-check i { font-size: 1.4em; line-height: 30px; color: rgb(51, 51, 51); position: static; display: block; text-align: center; }
#stepsform .image-warning { border: 2px solid #26b9e4; border-radius: 3px; padding: 10px 10px 10px 290px; position: relative; margin-bottom: 15px; }
#stepsform .image-warning img { position: absolute; top: 10px; left: 10px; }
#stepsform .image-warning .text { padding: 5px 0px; }
#stepsform .image-warning strong { display: block; font-size: 1.6em; text-transform: uppercase; color: #26b9e4; margin-bottom: 2px; }
#stepsform .image-warning strong i { margin-right: 15px; display: inline-block; }
#stepsform .image-warning span { color: rgb(51, 51, 51); font-weight: 700; font-size: 1.35em; display: block; max-width: 500px; }
#stepsform .image-warning .inf { position: absolute; top: 10px; right: 10px; border: none; background-color: rgb(255, 255, 255); font-size: 1.8em; cursor: pointer; }
#stepsform .image-warning .inf:hover { color: #26b9e4; }
#stepsform .logo-tboxes .editor-label { font-weight: 700; color: rgb(51, 51, 51); font-size: 1.35em; margin: 13px 0px; }
#stepsform .logo-tboxes textarea { width: 100%; min-height: 100px; border: 1px solid rgb(241, 241, 241); padding: 10px; border-radius: 3px; font-family: proxima-nova, sans-serif; }
#stepsform .logo-tboxes input[type="text"] { width: 100%; padding: 10px; border: 1px solid rgb(241, 241, 241); }
#stepsform .logo-tboxes .name-field input[type="text"] { width: calc(100% - 180px); }
#stepsform .logo-tboxes .name-field input[type="text"] { width: calc(100% - 180px); border: 1px solid rgb(241, 241, 241); padding: 10px; border-radius: 3px; }
#stepsform .logo-tboxes select { width: 100%; padding: 10px; border: 1px solid rgb(241, 241, 241); font-weight: 700; color: rgb(51, 51, 51); }
#stepsform #textpreview { height: 419px; border: 1px solid rgb(241, 241, 241); position: relative; background-color: #fff; border-radius: 3px; }
#stepsform #textpreview strong { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); color: rgb(51, 51, 51); font-size: 1.7em; }
#stepsform .realtime-txt .hide { display: none; }
#stepsform .realtime-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(51, 51, 51); font-weight: 700; width: 100%; }
#stepsform .realtime-txt span { margin: 0px; display: block; text-align: center; font-size: 2em; }
#stepsform .position-option { border-radius: 3px; position: relative; width: 100%; margin-bottom: 30px; cursor: pointer; background-color: #fff; display: block; }
#stepsform .position-option .inner-border { border: 1px solid rgb(241, 241, 241); border-radius: 3px; }
#stepsform .position-option.selected { border: 2px solid #26b9e4; }
#stepsform .position-option.selected .inner-border { border: 1px solid #fff; border-radius: 3px; }
#stepsform .position-option .dummy-check i { display: none; }
#stepsform .position-option.selected .dummy-check i { font-size: 1.4em; line-height: 26px; color: rgb(51, 51, 51); position: static; display: block; text-align: center; }
#stepsform .bottom { padding: 20px 30px; position: relative; }
#stepsform .bottom .dummy-check { cursor: pointer; display: inline-block; width: 30px; height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; }
#stepsform .bottom .dummy-check:hover { border: 2px solid #26b9e4; }
#stepsform .bottom strong { position: absolute; top: 50%; transform: translateY(-50%); left: 75px; width: calc(100% - 85px); display: block; font-weight: 700; color: rgb(51, 51, 51); font-size: 1.3em; }
#stepsform .position-option .top { position: relative; padding-top: 100%; }
#stepsform .position-option .top img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; height: auto; }
#stepsform .position-option .app-options { text-align: center; color: #555555; }
#stepsform .position-option .app-options strong { display: block; margin-bottom: 15px; }
#stepsform .position-option .app-options span { display: inline-block; position: relative; padding-left: 30px; margin: 5px 5px; }
#stepsform .position-option .app-options span img { height: auto; width: 25px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
#stepsform .position--select { margin-top: 35px; }


.ok.green { padding: 15px; margin-bottom: 15px; background-color: rgb(21, 202, 123); border-radius: 3px; font-weight: 700; color: rgb(255, 255, 255); display: none; font-size: 1.1em; position: relative; }
.ok.green a { color: rgb(21, 202, 123); position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 3px; border: 1px solid rgb(255, 255, 255); }
.ok.green a:hover { color: rgb(255, 255, 255); background-color: rgb(21, 202, 123); }
.customisebtn { display: block; background-color: #26b9e4; text-align: center; padding: 10px 10px; margin-bottom: 17px; color: #fff; font-weight: 700; font-size: 1.4em; border-radius: 3px; }
.customisebtn:hover { background-color: #000; }
.step-one-options .option { border: 2px solid #fbfbfb; border-radius: 3px; position: relative; min-height: 80px; margin: 8px 0px; }
.step-one-options .option.template { }

.message-box.coupon { padding: 15px; border: 1px #26b9e4 solid; border-radius: 3px; background-color: #fff; }
.message-box.coupon .btn { float: right !important; margin: 0px !important; }
.message-box.coupon span { line-height: 42px; color: #000; font-weight: 700; font-size: 1.5em; }
.step-one-options .option.template i { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #26b9e4; font-size: 3em; }
.step-one-options .option.template .inner strong { display: block; max-width: 500px; }
.step-one-options .option.template .template-btn { background-color: #26b9e4; display: inline-block; padding: 10px 30px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 3px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
.step-one-options .option.template:hover .template-btn { background-color: #000; }
.step-one-options .option .inner { border: 1px solid rgb(241, 241, 241); border-radius: 3px; min-height: 80px; position: relative; background-color: #fff; }
.step-one-options .option .inner .dummy-check { width: 25px; height: 25px; border: 2px solid #000; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); border-radius: 3px; display: block; cursor: pointer; }
.step-one-options .option .inner .dummy-check .inner-rel { width: 100%; height: 100%; position: relative; }
.step-one-options .option .inner .dummy-check .inner-rel i { display: none; }
.step-one-options .option .inner strong { position: absolute; top: 50%; left: 100px; transform: translateY(-50%); color: rgb(0, 0, 0); font-size: 1.4em; }
.step-one-options .option .inner span { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); color: rgb(0, 0, 0); font-size: 1.4em; }
.step-one-options .option .inner span strong { position: static; color: #26b9e4; transform: none; font-size: 1em; margin-right: 5px; display: inline-block; }


.bundletemp-select.option.template .inner { text-align: center; padding: 15px; }
.bundletemp-select.option.template i { position: static; display: inline-block; transform: none; }
.bundletemp-select.option.template strong { position: static; transform: none; margin: 15px auto; }
.bundletemp-select.option.template .template-btn { display: block; position: static; text-align: center; max-width: 250px; transform: none; margin: 0 auto; }


.block.option.template.chosen .inner { padding: 30px 30px 30px 110px; }
.block.option.template.chosen .inner .image { width: 80px; height: 80px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }
.block.option.template.chosen .inner .title { display: inline-block; font-size: 1.1em; margin-right: 5px; font-weight: bold; }
.block.option.template.chosen .inner .price { display: inline-block; font-size: 1.1em; color: #26b9e4; font-weight: bold; }
.block.option.template.chosen .inner h2 { margin: 0px 0px 10px 0px; font-size: 1.4em; }

.bundletemp-chosen.block.option.template.chosen .template-btn { text-align: center; max-width: 250px; margin: 0 auto; }

.step-one-options .add { font-weight: bold; font-size: 1.35em; color: rgb(15, 15, 15); margin-bottom: 15px; display: block; }
.step-one-options .or { display: block; color: rgb(15, 15, 15); font-size: 1.2em; }
.step-one-options .option.selected { border: 2px solid #26b9e4; }
.step-one-options .option.selected .inner { border: 1px solid rgb(255, 255, 255); }
.step-one-options .option.selected .inner .dummy-check .inner-rel i { font-size: 1.2em; line-height: 20px; color: rgb(51, 51, 51); position: static; display: block; text-align: center; }
.step-one-options.bundle .app-select img { width: 60px; }
.step-one-options.bundle .app-select .check { right: 28px !important; }
.step-one-options.bundle .app-methods .app-select .check strong { font-size: 1.25em !important; }
.step-one-options .info-tooltip { top: 10px; right: 10px; }
#customiselogin { border-radius: 3px; margin-bottom: 30px; position: relative; padding: 20px 30px; background-color: rgb(251, 251, 251); border: 1px solid rgb(241, 241, 241); background-color: #fff; }
#customiselogin strong { display: block; margin-bottom: 5px; color: #253645; font-size: 2em; }
#customiselogin span { font-size: 1.2em; }
#customiselogin a { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 100%; text-align: center; max-width: 320px; padding: 10px; cursor: pointer; border-radius: 2px; background-color: #253645; display: inline-block; color: rgb(255, 255, 255); font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
#customiselogin a:hover { background-color: #26b9e4; }
.step--head { background-color: #fbfbfb; border: 1px solid #f1f1f1; padding: 15px 20px; }
.step--head strong { margin: 0px !important; }
.about-box { max-width: 560px; margin: 0px auto 15px; }
.about-box .about-txt { color: rgb(0, 0, 0); font-size: 1.22em; }
.discount-code-banner .box { display: none; }
.index-info .inner-txt .discount-code-banner .banner { display: none; }
.index-info .inner-txt .discount-code-banner .box { display: inline; }
.discount-code-banner p { margin: 0px !important; }
#accountmenu { padding: 15px; background-color: rgb(249, 249, 249); text-align: center; border-radius: 3px; border: 1px solid rgb(241, 241, 241); }
#accountmenu a { display: block; padding: 15px; background-color: rgb(255, 255, 255); border: 1px solid rgb(212, 212, 212); margin: 15px 0px; }
#accountmenu a i { display: block; color: #26b9e4; font-size: 2.4em; height: 40px; line-height: 40px; }
#accountmenu a strong { font-family: "PT Sans", sans-serif; display: block; margin-top: 15px; line-height: 15px; font-size: 1.5em; color: rgb(51, 51, 51); }
#accountmenu a:hover { border: 1px solid #26b9e4; }
.dummycheck { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); margin: 0px; width: 25px; height: 25px; cursor: pointer; border: 1px solid #aaa; background-color: #fff; border-radius: 3px; }
.dummycheck.inline { position: static; display: inline-block; transform: translateY(5px); }
.dummycheck.inline.register { transform: translateY(4px); width: 17px; height: 17px; }
.dummycheck .inner { width: 100%; height: 100%; position: relative; }
.dummycheck .inner i { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #2ab9e4; font-size: 15px; }
.dummycheck.active .inner i { display: block; }
.dummycheck.register .inner i { font-size: 10px; }
.faqs { max-width: 910px; margin: 0px auto; }
.faqs .question { border: 1px solid rgb(225, 225, 225); padding: 20px 30px 20px 15px; margin-bottom: 15px; border-radius: 3px; position: relative; display: block; cursor: pointer; background-color: #fff; }
.faqs .question h3 { padding: 0px; color: rgb(51, 51, 51); font-size: 1.4em; }
.faqs .question i { position: absolute; top: 50%; right: 15px; font-size: 1.5em; color: #26b9e4; }
.faqs .question.open i { transform: translateY(-50%) rotate(180deg); }
.faqs .question.shut i { transform: translateY(-50%); }
.faqs .answer { padding: 0px 15px; font-size: 1.21em; color: rgb(51, 51, 51); margin: 7px 0px; }
.faqs .answer span { display: block; padding-bottom: 10px; }
.faqs .answer.open { height: auto; }
.faqs .answer.shut { height: 0px; overflow: hidden; }
.faqs .answer.shut .answer-text { margin-top: -10px; }
#contactform { background-color: #fff; }
#contactform .form-head { text-align: center; font-size: 2.3em; margin-bottom: 30px; }
#contactform .form-head i { margin-right: 20px; color: #26b9e4; }
#contactform .form-head strong { color: rgb(0, 0, 0); }
#contactform .editor-label, .form .editor-label { font-size: 1.25em; padding: 5px 0px; }
#contactform .editor-field { margin-bottom: 10px; border-radius: 3px; }
#contactform .editor-field textarea { width: 100%; min-height: 140px; border: 1px solid rgb(195, 195, 195); border-radius: 3px; padding: 10px; }
#contactform .editor-field input[type="text"] { padding: 15px; }
#contactform button { background-color: rgb(0, 0, 0); border: none; color: rgb(255, 255, 255); width: 100%; padding: 15px; border-radius: 3px; margin-top: 30px; font-size: 1.4em; font-weight: 700; cursor: pointer; }
#contactform button:hover { background-color: rgb(51, 51, 51); }
#contactdetails .mapouter { max-height: 320px; position: relative; text-align: right; width: 600px; height: 500px; }
#contactdetails .mapouter .gmap_canvas { height: 100%; overflow: hidden; background: none !important; width: 600px; }
#contactdetails .mapouter .gmap_canvas iframe { height: 100%; }
.basket-customisation { margin-top: 15px; border-radius: 3px; }
.basket-customisation .head { padding: 10px; text-align: left; font-size: 1.3em; }
.basket-customisation .head h2 { padding: 0px; margin: 0px; color: #333; font-size: 1.2em; }
.basket-customisation .custom-row { position: relative; border: 1px solid #eee; margin-bottom: 15px; }
.basket-customisation .custom-row .row-head { background-color: #fafafa; border-bottom: 1px solid #eee; text-align: left; font-weight: 700; font-size: 1.6em; padding: 10px; }
.row-head .actions { text-align: right; float: right; }
.row-head .actions .edit a { color: #26b9e4; }
.row-head .actions .edit a:hover { color: #253645; }
.row-head .actions .rem a:after { color: #fe2d0b; }
.row-head .actions .rem a:hover:after { color: #c52e1c; }
.row-head .actions a { cursor: pointer; font-size: 1.4em; margin-left: 10px; display: inline-block; }
.row-head .actions .edit, .row-head .actions .rem { display: inline-block; }
.row-head .title { float: left; line-height: 33px; padding-left: 50px; position: relative; }
.row-head .title.nopadd { padding: 0px !important; }
.row-head .title img { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); max-width: 40px; }

.custom-row .customs .custom-bx { padding: 0px 5px; width: calc(100% / 3); float: left; }
.custom-row .customs { padding: 10px 5px; }
.custom-row .customs .custom-bx .inner { border: 1px solid #26b9e4; border-radius: 3px; }
.custom-row .customs .custom-bx .inner .img { position: relative; height: 71px; width: 71px; margin: 10px auto; }
.custom-row .customs .custom-bx .cusom-title { margin-top: 10px; display: block; font-size: 1.5em; font-weight: 700; }
.custom-row .customs .custom-bx .inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.custom-row .customs .custom-bx .loc { }
.custom-row .customs .custom-bx .loc span { display: block; font-size: 1.3em; }

.custom-row .customs .custom-bx .txt-top { color: #253645; margin: 0 auto; font-weight: 700; font-size: 1.4em; padding: 10px; }
.custom-row .customs .custom-bx .txt-show { font-size: 1.2em; width: 100%; margin: 0 auto; padding: 10px; }
.custom-row .customs .custom-bx .txt-show.bl-txt { color: #26b9e4; font-weight: 700; font-size: 1.4em; }
.custom-row .customs .custom-bx .txt-show.bl-txt strong { color: #26b9e4; font-weight: 700; }
.custom-row .customs .custom-bx .txt-show.bl-txt i { color: #26b9e4; font-size: 2em; margin-bottom: 10px; }
.custom-row .customs .custom-bx .txt-show img { position: static; transform: none; }
.custom-row .customs .custom-bx .txt-show a { padding: 6px; color: #fff; background-color: #253645; display: block; max-width: 200px; margin: 10px auto 0px; font-size: 0.9em; font-weight: 700; border-radius: 3px; }
.custom-row .customs .custom-bx .txt-show a:hover { background-color: #26b9e4; }
.custom-row .customs .custom-bx .txt-show.min-height { min-height: 90px; }

.custom-bx .content-sect { position: relative; border-top: 1px solid #26b9e4; }
.custom-bx .content-sect:before { content: " "; display: block; width: 1px; height: 100%; position: absolute; top: 0px; left: 50%; background-color: #26b9e4; }
.custom-bx .content-sect .loc { width: 50%; float: left; }
.custom-bx .content-sect .content { width: 50%; float: left; }
.custom-bx .content-sect .filename { display: block; margin: 15px 0px; color: #26b9e4; font-weight: 700; }
.custom-bx .content-sect .custom-txt { font-size: 1.2em; line-height: 1; }
.custom-bx .content-sect .opt-txt { font-size: 1em !important; }
.basket-customisation .custom-row .print-type-img, .basket-customisation .custom-row .app-type-img { display: inline-block; width: calc(80% - 10px); margin: 0 4px; }

.view-as-bann { background-color: #4DAF58; position: fixed; top: 0px; left: 0px; z-index: 10000; width: 100%; padding: 15px 0px; text-align: center; }
.view-as-bann span { color: #fff; font-size: 2.0em; font-weight: 700; display: inline-block; vertical-align: sub; }
.view-as-bann .btn { margin: 0px 30px; background-color: #fff; color: #4DAF58; }
.view-as-bann .btn:hover { background-color: #333; color: #fff; }
.padd-top-70 { padding-top: 70px; }


#sizeguidepop { width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 9999; }
#sizeguidepop .inner-rel { width: 100%; height: 100%; position: relative; z-index: 0; }
#sizeguidepop .inner-rel::before { content: " "; z-index: 1; width: 100%; height: 100%; position: absolute; background-color: rgb(0, 0, 0); opacity: 0.5; }
#sizeguidepop .inner-rel .popup-container { max-width: 630px; width: calc(100% - 30px); position: absolute; top: 50%; left: 50%; background-color: rgb(255, 255, 255); z-index: 2; transform: translate(-50%, -50%); border-radius: 3px; }
#sizeguidepop .inner-rel .popup-container .popup-inner { width: 100%; }
#sizeguidepop .inner-rel .popup-container .popup-inner .pophead { width: calc(100% - 30px); max-width: 540px; border-bottom: 1px solid rgb(241, 241, 241); margin: 30px auto 0px; padding-bottom: 10px; }
#sizeguidepop .inner-rel .popup-container .popup-inner .pophead i, #sizeguidepop .inner .popup-container .popup-inner .pophead h2 { display: inline-block; }
#sizeguidepop .inner-rel .popup-container .popup-inner .pophead i { color: rgb(253, 111, 3); font-size: 2.8em; }
#sizeguidepop .inner-rel .popup-container .popup-inner .pophead h2 { margin-left: 15px; color: rgb(0, 0, 0); font-size: 2.5em; display: inline-block; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container { width: 100%; margin: 0px auto; max-height: 50vh; overflow-y: auto; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container .inner { margin: 0px auto; max-width: 470px; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container .title { font-weight: 700; color: rgb(0, 0, 0); font-size: 1.5em; margin: 15px 0px 10px; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container table, #sizeguidepop .inner-rel .popup-container .popup-inner .table-container th, #sizeguidepop .inner-rel .popup-container .popup-inner .table-container td { border: 1px solid rgb(241, 241, 241); }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container table { border-bottom: 0px; border-left: 0px; width: 100%; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container td, #sizeguidepop .inner-rel .popup-container .popup-inner .table-container th { border-top: 0px; border-right: 0px; width: 50%; text-align: center; font-size: 1.4em; font-weight: 700; color: rgb(0, 0, 0); padding: 8px; }
#sizeguidepop .inner-rel .popup-container .popup-inner .table-container th { background-color: rgb(241, 241, 241); }
#sizeguidepop .inner-rel .popup-container .popup-inner .note { font-size: 1.046em; display: block; margin-bottom: 30px; }

#authorderspop { width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 9999; }
#authorderspop .inner-rel { width: 100%; height: 100%; position: relative; z-index: 0; }
#authorderspop .inner-rel::before { content: " "; z-index: 1; width: 100%; height: 100%; position: absolute; background-color: rgb(0, 0, 0); opacity: 0.5; }
#authorderspop .inner-rel .popup-container { max-width: 630px; width: calc(100% - 30px); position: absolute; top: 50%; left: 50%; background-color: rgb(255, 255, 255); z-index: 2; transform: translate(-50%, -50%); border-radius: 3px; }
#authorderspop .inner-rel .popup-container .popup-inner { width: 100%; }
#authorderspop .inner-rel .popup-container .popup-inner .pophead { width: calc(100% - 30px); max-width: 540px; border-bottom: 1px solid rgb(241, 241, 241); margin: 30px auto 0px; padding-bottom: 10px; text-align: center; }
#authorderspop .inner-rel .popup-container .popup-inner .pophead i, #authorderspop .inner .popup-container .popup-inner .pophead h2 { display: inline-block; }
#authorderspop .inner-rel .popup-container .popup-inner .pophead i { color: rgb(253, 111, 3); font-size: 2.8em; }
#authorderspop .inner-rel .popup-container .popup-inner .pophead h2 { /*margin-left: 15px; */ color: rgb(0, 0, 0); font-size: 2.5em; display: inline-block; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container { width: 100%; margin: 0px auto; max-height: 50vh; overflow-y: auto; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container .inner { margin: 0px auto; max-width: 470px; color: #000; display: flex; flex-direction: column; text-align: center; padding: 25px; gap: 25px; font-size: 1.25rem; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container .title { font-weight: 700; color: rgb(0, 0, 0); font-size: 1.5em; margin: 15px 0px 10px; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container table, #authorderspop .inner-rel .popup-container .popup-inner .table-container th, #authorderspop .inner-rel .popup-container .popup-inner .table-container td { border: 1px solid rgb(241, 241, 241); }
#authorderspop .inner-rel .popup-container .popup-inner .table-container table { border-bottom: 0px; border-left: 0px; width: 100%; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container td, #authorderspop .inner-rel .popup-container .popup-inner .table-container th { border-top: 0px; border-right: 0px; width: 50%; text-align: center; font-size: 1.4em; font-weight: 700; color: rgb(0, 0, 0); padding: 8px; }
#authorderspop .inner-rel .popup-container .popup-inner .table-container th { background-color: rgb(241, 241, 241); }
#authorderspop .inner-rel .popup-container .popup-inner .note { font-size: 1.046em; display: block; margin-bottom: 30px; }

#quikpop { width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 9999; }
#quikpop .inner-rel { width: 100%; height: 100%; position: relative; z-index: 0; }
#quikpop .inner-rel::before { content: " "; z-index: 1; width: 100%; height: 100%; position: absolute; background-color: rgb(0, 0, 0); opacity: 0.5; }
#quikpop .inner-rel .popup-container { max-width: 630px; width: calc(100% - 30px); position: absolute; top: 50%; left: 50%; background-color: rgb(255, 255, 255); z-index: 2; transform: translate(-50%, -50%); border-radius: 3px; }
#quikpop .inner-rel .popup-container .popup-inner { width: 100%; }
#quikpop .inner-rel .popup-container .popup-inner .pophead { width: calc(100% - 30px); max-width: 540px; border-bottom: 1px solid rgb(241, 241, 241); margin: 30px auto 0px; padding-bottom: 10px; text-align: center; }
#quikpop .inner-rel .popup-container .popup-inner .pophead i, #quikpop .inner .popup-container .popup-inner .pophead h2 { display: inline-block; }
#quikpop .inner-rel .popup-container .popup-inner .pophead i { color: rgb(253, 111, 3); font-size: 2.8em; }
#quikpop .inner-rel .popup-container .popup-inner .pophead h2 { /*margin-left: 15px; */ color: rgb(0, 0, 0); font-size: 2.5em; display: inline-block; }
#quikpop .inner-rel .popup-container .popup-inner .table-container { width: 100%; margin: 0px auto; max-height: 50vh; overflow-y: auto; }
#quikpop .inner-rel .popup-container .popup-inner .table-container .inner { margin: 0px auto; max-width: 470px; color: #000; display: flex; flex-direction: column; text-align: center; padding: 25px; gap: 25px; font-size: 1.25rem; }
#quikpop .inner-rel .popup-container .popup-inner .table-container .title { font-weight: 700; color: rgb(0, 0, 0); font-size: 1.5em; margin: 15px 0px 10px; }
#quikpop .inner-rel .popup-container .popup-inner .table-container table, #quikpop .inner-rel .popup-container .popup-inner .table-container th, #quikpop .inner-rel .popup-container .popup-inner .table-container td { border: 1px solid rgb(241, 241, 241); }
#quikpop .inner-rel .popup-container .popup-inner .table-container table { border-bottom: 0px; border-left: 0px; width: 100%; }
#quikpop .inner-rel .popup-container .popup-inner .table-container td, #quikpop .inner-rel .popup-container .popup-inner .table-container th { border-top: 0px; border-right: 0px; width: 50%; text-align: center; font-size: 1.4em; font-weight: 700; color: rgb(0, 0, 0); padding: 8px; }
#quikpop .inner-rel .popup-container .popup-inner .table-container th { background-color: rgb(241, 241, 241); }
#authorderspop .inner-rel .popup-container .popup-inner .note { font-size: 1.046em; display: block; margin-bottom: 30px; }

#authorderspop .btn.acknowledgebtn { background-color: #253645; color: #fff; }
#authorderspop .btn.acknowledgebtn:hover { background-color: #F00000; color: #fff; }


.table.department-breakdown { border: 1px solid #26b9e4; border-radius: 3px; }
.table.department-breakdown .head { font-weight: 700; background-color: #f9f9f9; }
.table.department-breakdown .row > * { text-align: center; width: 100%; }
.table.department-breakdown .row > *:first-child { text-align: left; max-width: 120px; }
.table.department-breakdown .foot { font-weight: 700; background-color: #26b9e4; color: #fff; }
.table.department-breakdown .row .sml { display: none; }

.nopadd { padding: 0px !important; }
#basketsummary .please-add { font-size: 0.9em; font-weight: 700; color: rgb(0, 0, 0); text-transform: uppercase; }
#basketsummary .please-add i { color: #26b9e4; font-size: 1.3em; margin-right: 10px; }
#basketsummary .please-add .KO { background-color: rgb(241, 241, 241); padding: 10px; float: right; display: inline-block; }
.orders-row .order { border-radius: 3px; overflow: hidden; }
.orders-row .order a { color: #26b9e4; margin-bottom: 5px; display: block; }
.orders-row .order .orange-head { background-color: #26b9e4; color: rgb(255, 255, 255); padding: 8px; font-weight: 700; font-size: 1.5em; }
.orders-row .order .order-text { padding: 10px; color: rgb(0, 0, 0); }
.orders-row .order .order-text { padding: 10px; color: rgb(0, 0, 0); }
.orders-row .order-block { border: 1px solid #26b9e4; border-radius: 3px; }
.orders-row .order-block .account-buttons { padding: 0px 15px 15px 15px; }
.orders-row .order-block .account-buttons .btn { margin: 0px 5px; display: block; }

.orders-row .order-block { font-size: 0.875rem; }
.orders-row .order-block .account-buttons .btn.vieworder { color: #fff; }
.orders-row .order-block .topleft { width: calc(100% - 55px); }
.orders-row .order-block.open .btn.square i { transform: rotate(180deg); }

.order-accept .editor-field input[type="text"] { height: 40px; width: 100%; max-width: 300px; }

.order-accept { max-width: 800px; margin: 0 auto; }

.order-accept .switch { font-size: 1.3em; margin-right: 15px; cursor: pointer; font-weight: 700; display: inline-block; padding: 10px; min-width: 200px; text-align: center; border: 1px solid #333; border-radius: 3px; }
.order-accept .switch.acc { border: 1px solid #333; border-radius: 3px; }
.order-accept .switch.on { background-color: #253645; color: #fff; border: 1px solid #253645; }
.order-accept .switch input { display: none; }

#productimageslides { border: 1px solid rgb(241, 241, 241); }
#productimageslides .slide-inner { position: relative; padding-top: 115.96%; }
#productimageslides .slide-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#productimageslides .bx-viewport { border-radius: 3px; background-color: #fff; }
.slider .slide-inner .img.preload { }
#productimageslides .bx-default-pager { width: 100%; text-align: center; position: absolute; top: 100%; left: 0px; }
#productimageslides .bx-default-pager .bx-pager-item { display: inline-block; margin: 0px 5px 15px; }
#productimageslides .bx-default-pager a { display: inline-block; width: 15px; height: 15px; background-color: rgb(211, 211, 211); color: transparent; font-size: 0px; border-radius: 100%; }
#productimageslides .bx-default-pager a.active { background-color: #26b9e4; }

#productimageslides .bx-controls-direction { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; justify-content: space-between; }
#productimageslides .bx-controls-direction a { background-color: #fff; color: #26b9e4; font-size: 2.0em; width: 30px; height: 30px; border-radius: 100%; border: 2px solid #26b9e4; display: flex; justify-content: center; align-items: center; }



#catlistingslides .slide { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px; margin-bottom: 15px; }
#catlistingslides .slide .btn { width: 100%; text-align: center; border-radius: 0px; background-color: #26b9e4; color: rgb(255, 255, 255); font-size: 1.2em; min-height: 55px; vertical-align: bottom; position: relative; padding: 10px !important; }
#catlistingslides .slide .btn span { position: absolute; display: block; max-width: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#catlistingslides .slide a, #catlistingslides img { display: block; }
#catlistingslides .slide:hover .btn { background-color: rgb(0, 0, 0); position: relative; z-index: 10; }
#catlistingslides .slide:hover { position: relative; }
#catlistingslides .slide:hover a::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0, 0, 0); top: 0px; left: 0px; opacity: 0.2; }
.divideline { width: 100%; height: 1px; background-color: rgb(241, 241, 241); margin: 50px 0px; }
.divideline.sml-margin { margin: 15px 0px 30px 0px; }
#productaccordionview .tab-body { font-size: 1.15em; color: #333; }
#productaccordionview .tab-body ul { }
#productaccordionview .tab-body ul span { color: rgb(0, 0, 0); }
.orange-tag-box { border-radius: 3px; border: 2px solid #26b9e4; }
#product .orange-tag-box { margin-top: 15px; }
.orange-tag-box .inner { text-align: center; position: relative; background-color: rgb(255, 255, 255); z-index: 10; }
.orange-tag-box .inner::before { border: 2px solid #26b9e4; border-radius: 3px; transform: rotate(45deg) translateX(-50%); content: ""; position: absolute; width: 32px; height: 32px; background-color: rgb(255, 255, 255); left: 50%; top: calc(100% - 5px); z-index: -1; }
.orange-tag-box .inner .txt { padding: 15px; background-color: rgb(255, 255, 255); color: #26b9e4; font-size: 1.6em; font-weight: 700; }
.bundle-selected-color { border: 2px solid #26b9e4; border-radius: 3px; padding: 10px 15px; position: relative; margin-bottom: 10px; }
.bundle-selected-color .tag { position: absolute; top: 50%; left: 57px; transform: translateY(-50%); font-size: 1.2em; color: rgb(0, 0, 0); font-weight: 700; }

.mini-table { max-width: 800px; margin: 15px auto; border-radius: 3px; overflow: hidden; }
.mini-table .head { background-color: #000; color: #fff; padding: 10px; }
.mini-table .head strong { color: #fff !important; }
.mini-table .head.left { border-radius: 3px 0px 0px 0px; }
.mini-table .head.right { border-radius: 0px 3px 0px 0px; }

.mini-table .row { padding: 10px; font-size: 0.9em; font-weight: bold; }
.mini-table .row:nth-child(odd) { background-color: #f1f1f1; }
.mini-table .row:nth-child(even) { background-color: #fff; }

.number-list { padding-left: 30px; }
.number-list li::marker { color: #26b9e4; font-weight: bold; font-size: 1.5em; }
.number-list li strong { color: #000; }
.number-list li { padding: 5px 0px }
.point-list li::marker { color: #26b9e4; }
.point-list li { padding: 5px 0px; font-size: 1.3em; }

.h1-subtext strong { color: #000; }


.feature.orange { background-color: #fd6f03; padding: 15px; }
.feature.orange strong { color: #fff; margin: 0px; padding: 0px; }
.feature.orange i { color: #fff; font-size: 0.8em; }




.txt-area ul { font-weight: bold; }



.brand-col-view .a-z-split { color: #26b9e4; font-size: 1.3em; margin-bottom: 0; padding: 10px 0; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.brand-col-view .a-z-brand { border-bottom: 1px solid #d4d4d4; }
.brand-col-view .a-z-brand a { display: block; padding: 10px 0; font-size: 1.3em; text-decoration: none; color: #231f20; }
.brand-col-view .a-z-brand a:hover { color: #26b9e4; }

.basket .basket-add-custom-row .custom-link.add { display: inline-block !important; width: 100%; }

.basket .basket-add-custom-row .add-existing { display: inline-block; }
.basket .basket-add-custom-row .add-existing .or { color: #26b9e4; text-decoration: none; font-weight: 700; font-size: 1.4em; margin: 10px 5px 0px 10px; }
.basket .basket-add-custom-row .add-existing .add { color: #000; text-decoration: #000; font-size: 1.4em; margin: 10px 10px 0px 0px; }
.basket .basket-add-custom-row .customise-drop { display: inline-block; }
.basket .basket-add-custom-row .customise-drop select { height: 37px; border: solid 1px #f1f1f1; padding: 0px 10px; font-family: proxima-nova, sans-serif !important; border-radius: 3px; color: #333333; font-size: 1.3em; cursor: pointer; }
.basket .basket-add-custom-row .customise-drop select option { color: #333333; }
.basket .custom-row .option strong { display: block; color: #333; }
.basket .custom-row .option span { text-decoration: none; font-weight: normal; font-size: 1.2em; margin: 0px !important; }
.basket .custom-row .option ul { margin: 0px; }
.basket .custom-row .option ul li { list-style: none; font-size: 1.2em; }

.basketadded .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 9998; }
.basketadded .added-inner { position: fixed; top: 50%; left: 50%; width: calc(100% - 30px); transform: translate(-50%, -50%); max-width: 680px; background: #fff; padding: 15px; z-index: 9999; border-radius: 3px; }
.basketadded .added-inner .top { text-align: center; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin: 0px -15px 30px -15px; font-size: 1.35em; color: #000; }
.basketadded .added-inner .top i { color: #26b9e4; margin-right: 10px; }

.basketadded .added-inner .img-container { border: solid 1px #f1f1f1; }
.basketadded .added-inner .img-container img { display: block; }
.basketadded .added-inner .title { display: block; font-weight: bold; text-transform: capitalize; color: #333; font-size: 1.4em; margin: 10px 0px; }
.basketadded .added-inner .code { display: block; color: #333; margin-bottom: 10px; }
.basketadded .added-inner .line { display: block; }
.basketadded .added-inner .item-count { display: block; font-weight: bold; color: #000; font-size: 1.4em; margin: 15px 0px; }

.basketadded .added-inner .price-per { color: #000; }
.basketadded .added-inner .price-per strong { color: #F5A707; font-size: 1.5em; }
.basketadded .added-inner .total { text-align: right; font-size: 1.6em; color: #000; }
.basketadded .added-inner .total strong { color: #F5A707; }
.basketadded .added-inner .bottom { padding: 15px 15px 0px 15px; margin: 15px -15px 0px -15px; border-top: 1px solid #f1f1f1; }
.basketadded .added-inner .bottom .logo { margin: 0px; }
.basketadded .added-inner .bottom .logo a { display: inline-block; width: 100%; background-color: #26b9e4; max-width: 200px; text-align: center; color: #fff; font-size: 1.1em; border-radius: 3px; padding: 12px; float: left; font-weight: bold; }
.basketadded .added-inner .bottom .logo a:hover { background-color: #000; }
.basketadded .added-inner .bottom .basket { margin: 0px; }
.basketadded .added-inner .bottom .basket a { display: inline-block; width: 100%; background-color: #007700; max-width: 200px; text-align: center; color: #fff; font-size: 1.1em; border-radius: 3px; padding: 12px; float: right; font-weight: bold; }
.basketadded .added-inner .bottom .basket a:hover { background-color: #000; color: #fff; }

.basketadded .added-inner .basketclose { float: right; text-decoration: underline; background-color: #333; color: #fff; text-decoration: none; width: 200px; text-align: center; }
.basketadded .added-inner .basketclose:hover { background-color: #f1f1f1; color: #000; }

.added-success-msg { border: 1px solid #4daf58; padding: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.added-success-msg .top { font-size: 1.3em; display: flex; align-items: center; }
.added-success-msg .top i { margin-right: 10px; color: #4daf58; font-size: 1.4em; display: flex; }

.added-success-msg .btn { background-color: #4daf58; color: #fff; text-align: center; }

.basket .specialinstructions { padding: 0px 30px; max-width: 500px; width: 100%; text-align: left; }
.basket .specialinstructions strong { color: #26b9e4; margin-right: 10px; }
.basket .specialinstructions textarea { width: 100%; min-height: 100px; margin-top: 15px; }

#productimageslides { position: relative; }
#productimageslides .topright-icon { position: absolute; top: 24px; right: 24px; width: 90px; height: 90px; z-index: 10; }
#productimageslides .topright-icon img { display: block; width: 100%; height: auto; }

.below-prod-image-usp { margin: 0px -8px !important; }
.below-prod-image-usp .usp { border: solid 1px #f1f1f1; border-radius: 3px; position: relative; padding: 15px 10px 15px 70px; margin: 15px -7px 15px -7px; background-color: #fff; }
.below-prod-image-usp .usp i { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; font-size: 2.3em; color: #26b9e4; }
.below-prod-image-usp .usp span { color: #000; }

.bundle-summary { background-color: #fff; border-radius: 3px; }
.bundle-summary .inner { padding: 15px; border: 1px solid #f1f1f1; }
.bundle-summary h3 { padding-top: 0px; color: #26b9e4; font-size: 2em; }
.bundle-summary .colour-option { padding: 15px 0px 15px 40px; position: relative; font-weight: bold; color: #26b9e4; }
.bundle-summary .coloursquare-ab { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; overflow: hidden; border-radius: 3px; }
.bundle-summary .row { border-bottom: 1px solid #f1f1f1; padding: 0px; margin: 0px; }
.bundle-summary .row .dw-xs-4 { padding: 10px; }
.bundle-summary .row strong { font-size: 1.3em; }
.bundle-summary .row .colour-title { font-size: 1.3em; line-height: 30px; display: inline-block; vertical-align: top; }
.bundle-summary .items-title { padding-top: 15px; font-weight: bold; font-size: 1.5em; }
.bundle-summary .items-count { padding-top: 15px; font-size: 1.5em; font-weight: bold; color: #26b9e4; }

.no-prod-found { border: 1px solid #f1f1f1; border-radius: 3px; background-color: #fff; padding: 20px 15px 30px 15px; }
.no-prod-found h2 { margin-top: 0px; color: #000; font-size: 1.6em; }
.no-prod-found h2 i { color: #26b9e4; font-size: 1.4em; }
.no-prod-found span { display: block; margin-top: 20px; }
.no-prod-found span .inline-link strong { color: #26b9e4; text-decoration: underline; }
.no-prod-found span .inline-link strong:hover { color: #000; text-decoration: none; }

#product #pricing { height: 0px; }

#stepsform .KO, #stepsform .ko { border: 1px solid #ff0000; border-radius: 3px; padding: 15px; text-align: center; margin-bottom: 30px; font-weight: bold; background-color: rgb(255, 204, 204); color: #ff0000; font-size: 1.8em; }

.sitemap { background-color: #fff; border-radius: 3px; }
.sitemap .dw-md-1 { width: 33%; margin-bottom: 10px; float: none; }
.sitemap .dw-md-1:nth-child(3n+1) { clear: both; }
.sitemap .dw-md-1 .container { width: 100%; padding: 0px 0px 0px 15px; margin: 0px; }
.sitemap .dw-md-five { width: 100% !important; padding-left: 30px; }
.sitemap .subcat-title { margin: 5px 0 5px -15px; display: block; }
.sitemap .sub-drop { margin-left: -15px }
.sitemap .brand-link { display: table; }
.sitemap .dw-md-3 { width: 100% !important; padding-left: 30px; }
.sitemap .dw-md-3.col li { list-style: none; }
.sitemap img { display: none; }
.sitemap li { list-style: none; }
.sitemap ul { margin: 0px; }
.sitemap li::marker { display: none; }
.sitemap a { color: #26b9e4; cursor: pointer; font-size: 1.2em; display: inline-block; }
.sitemap a:hover { color: #333; }
.sitemap .fa-chevron-down { display: none; }

.newsletter-form { position: relative; }

.newsletter-form .validation-summary-errors { position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; border-radius: 3px; top: 55px; display: none; }
.newsletter-form .field-validation-error { width: calc(100% - 10px); position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; border-radius: 3px; font-weight: 700; top: 55px; background-color: #fff; padding: 10px; border: 1px solid #ff0000; background-color: #fcc; }

.editor-field { position: relative; }
.editor-field .show, .editor-field .hide { position: absolute; z-index: 10; top: 7px; right: 15px; padding: 4px; margin: 0px !important; }
.editor-field .show i, .editor-field .hide i { font-size: 1.6em; color: #26b9e4; }
.editor-field .show i:hover, .editor-field .hide i:hover { color: #000; }

.editor-field.noticeme input[type="text"] { border: 1px solid #26b9e4 !important; color: #26b9e4 !important; font-weight: 700; }

.map-container { height: 300px; }
.map-container iframe { max-width: 100%; max-height: 100%; }




.product-boot-right .reposimg-lg-md .product-image-slides { position: relative; }
.product-boot-right .reposimg-lg-md .product-image-slides .zoomtoggle { position: absolute; bottom: 20px; left: 20px; z-index: 999; font-size: 3.5em; display: inline-block; cursor: pointer; }
.product-boot-right .reposimg-lg-md .product-image-slides .zoomtoggle:hover { color: #26b9e4; }

.productimg-container.open-fixed { margin: 0px !important; width: 100% !important; position: fixed !important; right: 0px !important; top: 0px !important; z-index: 99999999 !important; max-width: 100% !important; height: 100vh !important; background-color: #fff; }
.productimg-container.open-fixed .topright-icon { display: none; }
.productimg-container.open-fixed .zoomtoggle { display: none !important; }
.productimg-container.open-fixed #productimageslides { display: none; }
.productimg-container.open-fixed .below-prod-image-usp { display: none; }
.productimg-container .fixed-toolbar { display: none; }
.productimg-container.open-fixed .fixed-toolbar { display: block; padding: 15px; color: #fff; background-color: #26b9e4; text-align: right; }
.productimg-container.open-fixed .fixed-toolbar i { display: inline-block; font-size: 2.0em; margin-left: 40px; cursor: pointer; }
.productimg-container.open-fixed .fixed-toolbar i:hover { color: #000; }
.productimg-container.open-fixed .product-image-slides { height: 100%; }
.productimg-container.open-fixed .zoom-image-container { width: 100%; height: calc(100% - 54px); position: relative; }
.productimg-container.open-fixed .zoom-image-container img { display: inline-block; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 72%; }

.about-us-bg { padding: 70px 0px; background-color: #333; position: relative; overflow: hidden; }
.about-us-bg .bg--image { position: absolute; text-align: center; width: 100%; height: 100%; top: 0px; left: 50%; transform: translateX(-50%); }
.about-us-bg .bg--image img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; max-height: none; }
.about-us-bg .txt { color: #fff; max-width: 640px; font-size: 1.2em; }
.about-us-bg .btn { margin-top: 55px; }

.about-us-bg div { position: static; }
.about-us-bg .container { position: relative; min-height: 276px; }
.about-us-bg .vid-container { position: absolute; right: 0px; top: 50%; max-width: 590px; width: 50%; transform: translateY(-50%); }
.about-us-bg .vid-container .inner-rel { padding-top: 56.25%; background-color: #333; background-size: cover; background-position: center; }
.about-us-bg .vid-container .inner-rel img { position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 100%; }
.about-us-bg .vid-container .inner-rel .fab { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #26b9e4; font-size: 5.0em; cursor: pointer; }
.about-us-bg .vid-container .inner-rel .fab:hover { color: #253645; }
.about-us-bg .vid-container .inner-rel iframe { position: absolute; top: 0px; width: 100%; height: 100%; }


.home-tab-view { margin-bottom: 50px; }
.home-tab-view .tabs { border-bottom: solid 1px #efefef; }
.home-tab-view .tabs .tab-section { margin: 0px -8px; }
.home-tab-view .tabs .tab-section .tab { float: left; width: 25%; }

.home-tab-view .body {position:relative;}
.home-tab-view .body.shut { display: block; z-index:-1; opacity: 0;}
.home-tab-view .body.open { display: block; z-index:1; opacity: 1;}
.home-tab-view .body h2 { margin: 30px 0px; color: #253645; }

.z-stack {display: grid;}
.z-stack > * { grid-row-start: 1; grid-column-start: 1; }

.third-grid { max-width: 1900px; margin: 0 auto; }
.third-grid .row { margin: -4px; }
.third-grid .row .cell { float: left; padding: 4px; }
.third-grid .row .cell .inner { min-height: 300px; background-position: center; background-size: cover; position: relative; overflow: hidden; }
.third-grid .row .cell .inner .overlay { content: ''; display: block; width: 100%; height: 100%; position: absolute; background-color: #000; left: 0px; top: 0px; opacity: 0.2; }
.third-grid .row .cell .inner img { position: absolute; z-index: -1; width: auto; left: 50%; min-width: 100%; height: auto; top: 50%; transform: translateX(-50%) translateY(-50%); }
.third-grid .row .cell .inner .contents { position: relative; text-align: left; padding: 30px; min-height: 300px; }
.third-grid .row .cell .inner .contents .btn { position: absolute; bottom: 30px; left: 30px; padding: 0px; overflow: hidden; }
.third-grid .row .cell .inner .contents .btn span { margin: 0px; display: block; min-height: 1px; }
.third-grid .row .cell .inner .contents .btn .text { position: relative; z-index: 10; }
.third-grid .row .cell .inner .contents .btn .inner-rel { position: relative; padding: 12px 25px; }
.third-grid .row .cell .inner .contents .btn:hover .inner-rel:before { content: ""; background-color: #000; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; }
.third-grid .row .cell .inner .title { display: block; color: #fff; font-weight: 700; max-width: 360px; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); line-height: 1;}
.third-grid .row .cell .inner .text { max-width: 220px; display: block; margin: 15px 0px; color: #fff; font-size: 1.25em; min-height: 90px; }

.third-grid .row .cell .inner.no-bg { overflow: hidden; position: relative; }
.third-grid .row .cell .inner.no-bg img { position: absolute; top: 18px; left: 59%; }
.third-grid .row .cell .inner.no-bg .roundel { position: absolute; width: 88px; height: 88px; background-color: #253645; border-radius: 100%; left: 54%; bottom: 20px; z-index: 1; }
.third-grid .row .cell .inner.no-bg .roundel .inner-rel { width: 100%; height: 100%; position: relative; }
.third-grid .row .cell .inner.no-bg .roundel span { font-weight: 700; font-size: 1.3em; position: absolute; color: #fff; width: 70px; display: block; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.third-grid .row .cell .inner.no-bg .contents { height: 100%; }

.landingpage .third-grid { min-height: 300px; }

.customer-shop { }
.customer-shop .top { background-color: #EDEDED; padding-top: 30px; padding-bottom: 200px; }
.customer-shop .top.no-departments { padding-bottom: 30px; }
.customer-shop .top .links { background-color: #fff; text-align: right; padding: 15px; position: relative; }
.customer-shop .top .links a.shop-links { display: inline-block; min-width: 190px; border: 1px solid #253745; text-transform: uppercase; color: #253745; text-align: center; font-size: 1.2em; font-weight: 600; padding: 10px 0px; line-height: 20px; margin: 9px 5px; }
.customer-shop .top .links a.shop-links:hover { background-color: #253745; color: #fff; }
.customer-shop .top .links img { max-height: 70px; width: auto; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.customer-shop .top h1 { display: block; text-align: center; font-size: 2.6em; margin-top: 30px; line-height: 1.3; }
.customer-shop .content h2 { display: block; text-align: center; font-size: 2em; margin-bottom: 15px; }
.customer-shop .top-buffer { margin-top: -180px; }
.departments .content { }
.departments { text-align: center; }
.departments .dw-xs-2 { width: 20% !important; padding: 0px 10px 20px !important; display: inline-block; float: none; }
.departments .department-block { position: relative; text-align: center; box-shadow: rgb(0 0 0 / 20%) 0 0px 6px 0; cursor: pointer; }
.departments .department-block .namecontainer { position: relative; max-height: 150px; padding: 15px; }
.departments .department-block .namecontainer img { max-width: calc(100% - 20px); height: auto; width: auto; max-height: 120px; /* max-width: 100%; */ display: block; margin: 0 auto; }
.departments .department-block .name { font-size: 1.5em; font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; }
.departments .department-block .range { display: inline-block; line-height: 35px; width: 130px; margin: 0 auto; background-color: #26b9e4; font-weight: 700; }
.departments .department-block:hover .range { background-color: #253745; }
.department-block { background-color: #fff; text-align: center; color: #fff; display: block; }
.department-block .inner { padding-bottom: 20px; background-color: #fff; vertical-align: bottom; height: 100%; position: relative; }
.department-block.selected { background-color: #fff; outline: 1px solid #253645; }
.departments .department-block.selected .range { background-color: #253645; }
.departments .department-block.selected:before { content: ""; width: 40px; height: 40px; position: absolute; display: block; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: #fff; bottom: -15px; z-index: 0; box-shadow: rgb(0 0 0 / 20%) 0 0px 8px 0; outline: solid 1px #253645; }

.customer-shop .shop--logo { text-align: center; }
.customer-shop .shop--logo img { height: auto; width: auto; display: block; margin: 0 auto; max-height: 200px; }


.customer-shop .prod-list-top { display: none; }
.customer-shop .prod-listing { margin-top: 50px; }
.customer-shop .listing-container { padding: 0px; }

.packingform { }
.packingform .g-bx { background-color: #f7f7f7; padding: 15px; }
.packingform .g-bx .editor-label { font-weight: 700; margin-bottom: 10px; font-size: 1.3em; }

.field-w-btn { }
.field-w-btn .editor-label { float: left; width: 150px; line-height: 40px; margin-bottom: 0px !important; }
.field-w-btn .editor-field { float: left; width: calc(100% - 285px); }
.field-w-btn .editor-field input { height: 40px; width: 100%; padding-left: 10px; }
.field-w-btn .btn { font-size: 1.35em; background-color: #26b9e4; color: #fff; font-weight: bold; width: 120px; text-align: center; float: right; padding: 0px; line-height: 40px; border: none; }
.field-w-btn .btn:hover { background-color: #253645; }

.packingform .person { border: 1px solid #d4d4d4; margin-top: 15px; border-radius: 3px; }
.packingform .person .top { background-color: #fbfbfb; padding: 15px; border-bottom: 1px solid #d4d4d4; }
.packingform .person .top.packing { font-weight: 700; color: rgb(0, 0, 0); display: flex; justify-content: flex-end; font-size: 1.5rem; grid-gap: 15px; }
.packingform .person .top.packing .total-price { color: #F5A707; }
.packingform .person .top .removeperson { float: right; background-color: rgb(255, 0, 0); color: #fff; line-height: 25px; padding: 0px 15px; border-radius: 3px; font-weight: 700; font-size: 1.2em; }
.packingform .person .top .removeperson:hover { float: right; background-color: #C01B00; color: #fff; }
.packingform .person .top .name { width: calc(100% - 150px); float: left; font-weight: 700; font-size: 1.4em; }

.packingform .person .top .name i { color: #26b9e4; margin-right: 5px; line-height: 25px; }
.packingform .person .selections { padding: 15px; }
.packingform .person .selections .selection { padding: 5px 32px 5px 5px; position: relative; background-color: #fff; margin-right: 5px; margin-bottom: 5px; float: left; border: 1px solid #26b9e4; border-radius: 3px; font-size: 1.2em; line-height: 20px; }
.packingform .person .selections .selection .removeitem { color: #26b9e4; display: inline-block; position: absolute; line-height: 20px; top: 0px; right: 0px; width: 32px; line-height: 32px; text-align: center; }
.packingform .person .selections .selection .removeitem:hover { color: #253645; }
.packingform .person .selections .selection.add-item { background-color: #26b9e4; color: #fff; cursor: pointer; font-weight: 700; text-align: center; padding: 5px 15px !important; }
.packingform .person .selections .selection.add-item:hover { background-color: #253645; border: 1px solid #253645; }
.packingform .person .add--pop { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 9999; }
.packingform .person .add--pop.closed { display: none; }
.packingform .person .add--pop.open { display: block; }
.packingform .person .add--pop .inner { width: 100%; height: 100%; position: relative; }
.packingform .person .add--pop .inner .overlay { width: 100%; height: 100%; background-color: #000; position: relative; opacity: 0.5; }
.packingform .person .add--pop .inner .content { border-radius: 3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: calc(100% - 30px); max-height: calc(100% - 30px); background-color: #fff; }
.packingform .person .add--pop .inner .content .top { border-radius: 3px 3px 0px 0px; }
.packingform .person .add--pop .inner .content .top span { font-weight: 700; font-size: 1.4em; color: #333; }
.packingform .person .add--pop .inner .content .top i { cursor: pointer; float: right; line-height: 20px; font-size: 1.8em; color: #26b9e4; display: inline-block; margin: -15px; padding: 15px; }
.packingform .person .add--pop .inner .content .top i:hover { color: #253645; }
.packingform .person .add--pop .inner .content .inner--content { padding: 15px; }
.packingform .person .add--pop .inner .content .inner--content label { margin-bottom: 5px; font-size: 1.2em; font-weight: 700; display: block; }
.packingform .person .add--pop .inner .content .inner--content .additem { background-color: #26b9e4; color: #fff; cursor: pointer; line-height: 40px; display: inline-block; width: 95px; text-align: center; border-radius: 3px; float: right; font-weight: 700; font-size: 1.3em; margin-top: 15px; }
.packingform .person .add--pop .inner .content .inner--content .additem:hover { background-color: #253645; }
.packingform .person .add--pop .inner .content .inner--content .dw-xs-8 { padding-right: 0px; width: calc(100% - 125px); }
.packingform .person .add--pop .inner .content .inner--content .dw-xs-2 { width: 125px; }
.packingform .person .add--pop .inner .content .inner--content .dw-xs-2 input { width: 100%; }

.packingform .person.shop-users { margin: 0px; border: none !important; }
.packingform .person.shop-users .person-list { border: none !important; padding: 0px !important; }


.packingform .summary { width: 350px; }
.packingform .options { width: calc(100% - 350px); }
.packingform .options .options-inner { border: 1px solid #f1f1f1; border-radius: 3px; }
.packingform .options .options-inner .person-list { padding: 15px; }
.packingform .summary .side--summary { border: 1px solid #f1f1f1; padding: 0px 15px; }
.packingform .summary .side--summary h3 { font-size: 1.3em; }
.packingform .summary .side--summary .row { margin-bottom: 10px; }
.packingform .summary .side--summary .btn { width: 100%; margin-bottom: 15px; text-align: center; }
.packingform .summary .side--summary .row .img { width: 80px; float: left; }
.packingform .summary .side--summary .row .txt { width: calc(100% - 80px); float: left; padding: 0px 10px; }
.packingform .summary .side--summary .row .txt span { }
.packingform .summary .side--summary .row .txt .title { font-weight: 700; font-size: 1.15em; margin-bottom: 5px; }
.packingform .summary .side--summary .row .txt .assigned { font-weight: 700; font-size: 1.15em; margin-top: 5px; }
.packingform .summary .side--summary .row .txt .assigned .bl { color: #26b9e4; }

.custom--errmsg { border: 1px solid rgb(255, 0, 0); background-color: rgb(255, 204, 204); color: rgb(255, 0, 0); padding: 15px; text-align: center; font-weight: 700; font-size: 1.1em; border-radius: 3px; margin-bottom: 15px; }

.custom--page { font-size: 1.25em; }
.custom--page .topbanner { position: relative; height: 250px; }
.custom--page .topbanner .overlaybg { width: 100%; height: 100%; background-color: #000; opacity: 0.4; }
.custom--page .topbanner .slidetext { max-width: 1400px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.custom--page .topbanner .slidetext .inner { text-align: center; color: #fff; }
.custom--page .custbtn { background-color: #26b9e4; color: #fff; }
.custom--page .custbtn:hover { background-color: #253645; }

.checkout--pop.closed { display: none; }
.checkout--pop { position: fixed; top: 0px; left: 0px; height: 100vh; width: 100%; z-index: 90000; }
.checkout--pop .inner-rel { width: 100%; height: 100%; position: relative; }
.checkout--pop .inner-rel .overlay { width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
.checkout--pop .inner-rel .popup--container { width: calc(100% - 30px); max-width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; padding: 15px; }
.checkout--pop .inner-rel .popup--container .container--inner { position: relative; }
.checkout--pop .inner-rel .popup--container h3 { color: #26b9e4; font-size: 1.8em; margin-top: 5px; padding-top: 0px; display: inline-block; }
.checkout--pop .inner-rel .popup--container .fa-times { font-size: 2em; cursor: pointer; color: #253645; line-height: 30px; width: 30px; display: block; text-align: center; float: right; }
.checkout--pop .inner-rel .popup--container .fa-times:hover { color: #26b9e4; }
.checkout--pop .inner-rel .popup--container .txt { font-size: 1.3em; margin: 15px 0px 30px 0px; }
.checkout--pop .inner-rel .popup--container .options { }
.checkout--pop .inner-rel .popup--container .options .btn { width: calc(100% - 15px); max-width: 150px; text-align: center; padding: 12px; }
.checkout--pop .inner-rel .popup--container .options .btn:nth-child(2) { float: right; }

.checkout--pop .inner-rel .popup--container .options .btn:nth-child(1) { background-color: #253645; }
.checkout--pop .inner-rel .popup--container .options .btn:nth-child(1):hover { background-color: #26b9e4; }

.checkout--pop.pass .popup--container { max-width: 600px; }
.checkout--pop .popup--container .inline-link { font-weight: 700; color: #26b9e4; }
.checkout--pop .popup--container .inline-link:hover { color: #253645; }

.explainer { font-size: 1.3em; margin-bottom: 30px; }


.logo-radio-options label { border-radius: 3px; display: block; background-color: #fff; padding: 15px; border: 1px solid; border: 2px solid rgb(241, 241, 241); font-weight: 700; font-size: 1.2rem; min-height: 70px; display: flex; align-items: center; grid-gap: 30px; }

.logo-radio-options label:before { display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: ""; cursor: pointer; width: 30px; height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; text-align: center; }
.logo-radio-options label.selected:before { content: "\f00c"; }
.logo-radio-options label.selected { border: 2px solid #26b9e4; }
.logo-radio-options label input { display: none; }

.choose-existing { padding: 15px; background-color: #fff; }
.choose-existing .option { background-color: #fff; padding: 15px; border: 2px solid rgb(241, 241, 241); text-align: center; font-size: 1.6em; }
.choose-existing .option strong { display: block; margin-top: 15px; }
.choose-existing .option.selected { border: 2px solid #26b9e4; border-radius: 3px; }
.choose-existing h2 { font-size: 2.0em; color: #26b9e4; }

.price-list { }
.price-list .item { border-radius: 3px; margin-bottom: 30px; }
.price-list .item .title { margin-bottom: 15px; }
.price-list .item .title a { font-weight: 700; }
.price-list .item .title a:hover { color: #333; }
.price-list .item .section { margin: 0 -5px; }
.price-list .item .section .boot { padding: 0px 5px; }
.price-list .item .sub-item { border: 1px solid rgb(195, 195, 195); margin-bottom: 10px; padding: 10px; }

.price-list .item .sub-item .s-title { font-weight: 700; margin-bottom: 10px; }
.price-list .item .sub-item .price span { color: #26b9e4; font-weight: 700; }

.person { /* max-width: 320px; */ margin: 60px auto 0px; }
.person .person-img { position: relative; }
.person .person-img img { max-width: 100%; height: auto; display: block; }
.person .person-img:before { position: absolute; content: ''; top: 0px; left: 0px; display: block; background-color: #26b9e4; opacity: 0.0; width: 100%; height: 100%; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.person .person-img .bio--toggle { cursor: pointer; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.person .person-img:hover:before { opacity: 0.5; }
.person .person-img:hover .bio--toggle { opacity: 1; }
.person .person-img .bio--toggle .inner-rel { position: relative; width: 100%; height: 100%; }
.person .person-img .bio--toggle .inner-rel span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 600; font-size: 1.6em; text-transform: uppercase; }
.person .person-img .bio--toggle .inner-rel span i { margin-right: 10px; transform: rotate(45deg); }
.person .bio { position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100vh; display: block; opacity: 1; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.person .bio.hide { display: none; opacity: 0; }
.person .bio .inner-rel { width: 100%; height: 100%; position: relative; }
.person .bio .inner-rel .overlay { background-color: #000; opacity: 0.5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.person .bio .inner-rel .content { background-color: #fff; position: absolute; width: calc(100% - 30px); max-width: 1400px; top: 50%; left: 50%; border-radius: 2px; transform: translate(-50%, -50%); }
.person .bio .inner-rel .inner-rel { padding: 70px; }
.person .bio .inner-rel .left { width: 320px; float: left; }
.person .bio .inner-rel .right { width: calc(100% - 320px); float: left; padding-left: 70px; font-size: 1.5em; }
.person .bio .inner-rel .right .quest { font-weight: 600; margin-bottom: 5px; }
.person .bio .inner-rel .right .ans { color: #888; margin-bottom: 30px; }
.person .bio .inner-rel .close { position: absolute; top: 30px; right: 30px; display: inline-block; color: #26b9e4; text-transform: uppercase; font-size: 1.5em; font-weight: 600; cursor: pointer; }
.person .bio .inner-rel .close i { margin-right: 10px; }
.person .bio .inner-rel .close:hover { color: #333; }
.person .bio .scroller { max-height: calc(100vh - 140px); overflow: auto; }
.person .bio .socials a { display: inline-block; width: 45px; margin-right: 15px; margin-top: 30px; font-size: 1.8em; border-radius: 2px; }
.person .bio .socials a i { display: block; text-align: center; line-height: 43px; color: #fff; }
.person .bio .socials a.in { background-color: #0072b1; border: 1px solid #0072b1; }
.person .bio .socials a.in:hover { background-color: #fff; }
.person .bio .socials a.in:hover i { background-color: #fff; color: #0072b1; }
.person .bio .socials a.tw { background-color: #00aced; border: 1px solid #00aced; }
.person .bio .socials a.tw:hover { background-color: #fff; }
.person .bio .socials a.tw:hover i { background-color: #fff; color: #00aced; }

.person .bottom { }
.person .bottom h3 { font-size: 2em; padding-bottom: 5px; }
.person .bottom span { font-size: 1.6em; font-weight: 400; text-transform: uppercase; color: #888; }

.content-page-banner { max-width: 1900px; margin: 0 auto 30px; position: relative; min-height: 240px; padding: 30px; background-position: center; background-size: cover; }
.content-page-banner:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; background-color: #000; }
.content-page-banner .banner-content { max-width: 610px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 1.25em; width: calc(100% - 50px); }
.content-page-banner .banner-content .h1-subtext { font-weight: 100; }
.content-page-banner .banner-content h1 { padding-top: 0px; font-size: 2.5em; padding-bottom: 30px; line-height: 1; }
.content-page-banner#meettheteam { background-image: url(images/banners/meet-the-team-banner.jpg); }

.langBar { display: inline-block; position: relative; height: 30px; background-color: #efefef; vertical-align: top; line-height: 30px; padding: 0px 10px; margin-left: 10px; }
.langBar .title { color: #253645; font-weight: 700; font-size: 1.15em; vertical-align: top; margin-right: 5px; }

.langBar .selected { border-radius: 100%; width: 25px; height: 25px; display: inline-block; overflow: hidden; position: relative; margin-top: 2px; }
.langBar .selected img { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); height: 25px; max-width: 35px; }
.langBar i { line-height: 30px; vertical-align: top; color: #253645; margin-left: 5px; font-size: 1.2em; }
.langBar .top { cursor: pointer; }
.langBar .top:hover i { color: #26b9e4; }
.langBar .lang-drop { position: absolute; top: 100%; right: 0px; width: 115px; z-index: 10; overflow: hidden; }
.langBar .lang-drop .inner { border: 1px solid #efefef; background-color: #fff; }
.langBar .lang-drop .row { text-align: left; }
.langBar .lang-drop .row .option { display: block; padding: 8px; height: 42px; cursor: pointer; }
.langBar .lang-drop .row .flag { border-radius: 100%; width: 25px; height: 25px; display: inline-block; overflow: hidden; position: relative; }
.langBar .lang-drop .row .flag img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 25px; max-width: 35px; }
.langBar .lang-drop .row .option span { line-height: 25px; display: inline-block; vertical-align: top; margin-left: 5px; font-size: 1.15em; color: #253645; font-weight: 700; }
.langBar .lang-drop .row .option:hover span { color: #26b9e4; }
.langBar.shut .lang-drop { max-height: 0px; }
.langBar.open .lang-drop { max-height: 99999px; }
.langBar.open .top i { transform: rotate(180deg); }

.landingpage { }
.landingpage .banner { min-height: 248px; background-size: cover; background-position: center; position: relative; background-color: #EDEDED; }
.landingpage .banner .text { max-width: 1150px; width: calc(100% - 30px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 1.7em; }
.landingpage .banner .text h1 { line-height: 1; }
.landingpage .top-bullets { padding: 31px 0px; background-color: #FAFAFA; margin-top: 0px; }
.landingpage .h2-subtext { font-size: 1.5em; text-align: center; padding: 15px 0px; }
.landingpage .about-us-bg { background-color: transparent; }
.landingpage .about-us-bg h2 { font-size: 2.5em; }
.landingpage .about-us-bg .txt { color: #333; }
.landingpage .about-us-bg .btn.blue { background-color: #253645; }
.landingpage .about-us-bg .btn.blue:hover { background-color: #26b9e4; }

.landingpage .banner .text.white-txt h1 { color: #fff; }
.landingpage .banner .text.white-txt .intro { color: #fff; }

.your-customs { border: 1px solid #253645; border-radius: 3px; padding: 0px 15px; margin-top: 25px; }
.your-customs.padded { padding-bottom: 15px; }
.your-customs h3 { font-size: 1.6em; }
.your-customs h3 i { color: #26b9e4; }
.your-customs .custom .cost-price { position: absolute; color: #F5A707; font-weight: 700; right: 15px; font-size: 1.1em; top: 50%; transform: translateY(-50%); }
.your-customs.padded .custom.size-opt { display: grid; grid-template-areas: "title title" "check logo"; grid-template-columns: 0.5fr 1fr; padding: 0; border-radius: 3px; overflow: hidden; border-color: #253645; cursor: pointer; }
.your-customs.padded .custom.size-opt .dummy-check { grid-area: check; }
.your-customs.padded .custom.size-opt i { color: #26b9e4 !important; }
.your-customs.padded .custom.size-opt .custom-txt { grid-area: title; display: block; background-color: #253645; color: #fff; padding: 0.5rem; }
.your-customs.padded .custom.size-opt .your-cust-img { grid-area: logo; max-width: fit-content; }
.your-customs.padded .custom.size-opt:hover, .your-customs.padded .custom.size-opt:has(input:checked) { border-color: #26b9e4 !important; }
.your-customs.padded .custom.size-opt:hover .custom-txt, .your-customs.padded .custom.size-opt:has(input:checked) .custom-txt { background-color: #26b9e4; }

#homeslides .slides_container .slide .slide-inner a:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: #000; z-index: 1; opacity: 0.4; }

.basket-add-custom-row { text-align: left; }
.basket-add-custom-row a { background-color: #26b9e4; color: #fff; font-weight: 700; padding: 10px; border-radius: 2px; font-size: 1.2em; cursor: pointer; }
.basket-add-custom-row a:hover { background-color: #253645; }


.form-panel { padding: 15px 30px 30px; text-align: center; background-color: #fff; box-shadow: 0px 3px 8px 5px rgba(0, 0, 0, 0.2); border-radius: 3px; margin: 30px auto; max-width: 500px; }
.form-panel { background-color: #fff; }
.form-panel .form-head { text-align: center; font-size: 2.3em; margin-bottom: 30px; }
.form-panel .form-head i { margin-right: 20px; color: #26b9e4; }
.form-panel .form-head strong { color: rgb(0, 0, 0); }

.form-panel.wide { max-width: 800px; }

.form-panel .field-validation-error { text-align: left; margin-bottom: 10px; display: block; }

.form-panel .validation-summary-errors { display: none; }

.form-panel .editor-label { font-size: 1.25em; padding: 5px 0px; text-align: left; font-weight: 700; }
.form-panel .editor-field { margin-bottom: 10px; border-radius: 3px; }
.form-panel .editor-field textarea { width: 100%; min-height: 140px; border: 1px solid rgb(195, 195, 195); border-radius: 3px; padding: 10px; }
.form-panel .editor-field input[type="text"] { padding: 15px; width: 100%; }
.form-panel button { background-color: rgb(0, 0, 0); border: none; color: rgb(255, 255, 255); width: 100%; padding: 15px; border-radius: 3px; margin-top: 30px; font-size: 1.4em; font-weight: 700; cursor: pointer; }
.form-panel button:hover { background-color: rgb(51, 51, 51); }

.form-panel input[type="text"] { border: 1px solid #c3c3c3; border-radius: 3px; }

.shoplink:hover strong { color: #26b9e4; }

.form-panel .sub-label { display: block; text-align: left; margin: 5px 0px 10px; }

.form-panel .txt { text-align: left; font-size: 1.2em; }
.form-panel .txt a { color: #26b9e4; text-decoration: underline; }
.form-panel .txt a:hover { color: #26b9e4; text-decoration: none; }
.form-panel .input-validation-error, .form-panel .input-validation-error { border: 1px #ff0000 solid !important; }

.form-panel .req { color: #ff0000; margin-left: 5px; }
.form-panel .KO { color: #ff0000; font-size: 1.2em; margin-bottom: 30px; }


#purechat-container .purechat-launcher-frame.purechat-launcher-frame-bottom-right, #chat-widget-container { z-index: 99 !important; }

.fl-right { float: right; }

.st-it { border: 1px solid #26b9e4; border-radius: 3px; padding: 15px; }
.st-it .it-img { width: 195px; float: left; }
.st-it .it-img .title { font-weight: 700; font-size: 1.5em; padding: 10px 0px; }
.st-it .it-img .code span { color: #26b9e4; font-weight: 700; }

.st-it .it-inf { width: calc(100% - 210px); float: right; border: 1px solid #c1c1c1; border-radius: 3px; }
.st-it .it-inf .head { background-color: rgb(212, 212, 212); padding: 10px 0px; }
.st-it .it-inf .head .boot { text-align: center; font-size: 1.2em; font-weight: 700; }
.st-it .it-inf .row:nth-child(even) { background-color: #f1f1f1; }
.st-it .it-inf .row.alert { background-color: #feecec; }
.st-it .it-inf .row.alert:nth-child(even) { background-color: #ffd6d6; }
.st-it .it-inf .body .row { padding: 10px 0px; }
.st-it .it-inf .body .row .boot { text-align: center; }
.st-it .it-inf .body .row .boot input { text-align: center; padding-left: 0px; }
.st-it .it-inf .body .row .boot.col5 { line-height: 40px; font-weight: 700; font-size: 2.0em; }
.st-it .it-inf .boot { width: 20%; }
.st-it .it-inf .boot.col1 { }
.st-it .it-inf .boot.col2 { width: 18.5% }
.st-it .it-inf .boot.col3 { width: 18.5% }
.st-it .it-inf .boot.col4 { width: 23% }
.st-it .it-inf .boot.col4 input[type="number"] { width: 40px; }
.st-it .it-inf .boot.col4 .tag { width: calc(100% - 100px); }
.st-it .it-inf .boot.col4 .field { width: calc(100px); }
.st-it .it-inf .boot.col5 { }
.st-it .it-inf .cent-vert { min-height: 40px; display: flex; justify-content: center; align-items: center; font-size: 1.2em; }
.st-it .it-inf .cent-vert i { color: #c4302b; }

.st-it .it-inf .warning { position: relative; display: inline-block; }
.st-it .it-inf .warning .warn-msg { position: absolute; display: none; top: -50px; width: 184px; padding: 5px; background-color: #fff; left: 0px; border: 1px solid #ff0000; border-radius: 3px; z-index: 10; }
.st-it .it-inf .warning:hover .warn-msg { display: block; }


.department-menu { }
.department-menu .overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; background-color: #000; opacity: 0.5; z-index: 9999; }
.department-menu .menu { position: fixed; left: 50%; top: 50%; width: 100%; height: calc(100vh - 60px); z-index: 9999; max-width: 1000px; width: calc(100% - 60px); background-color: #fff; border-radius: 3px; transform: translate(-50%, -50%); }
.department-menu .menu .inner { padding: 30px; height: 100%; overflow: auto; position: relative; }
.department-menu .department-block { margin-bottom: 30px; }
.department-menu .department-block:before { display: none !important; }
.department-menu .department-block:hover { transform: translateY(-5px); }
.department-menu .department-block:hover .inner .range { background-color: #26b9e4 !important; }
.department-menu .department-block .title { color: #333; font-weight: 700; font-size: 1.3em; display: flex; justify-content: center; align-items: center; min-height: 40px; }
.department-menu .department-block:hover .title { color: #26b9e4; }
.department-menu .menu .close { cursor: pointer; position: absolute; top: -15px; right: -15px; z-index: 9; width: 40px; height: 40px; background-color: #26b9e4; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6em; border-radius: 100%; }
.department-menu .menu .close:hover { background-color: #253645; }


.quant-ko { border: 1px solid #26b9e4; background-color: #fff; border-radius: 3px; padding: 3px 5px; display: flex; width: max-content; align-items: center; position: absolute; top: -15px; right: 0px; font-size: 0.9em; z-index: 100; }
.quant-ko i { color: #26b9e4; margin-right: 5px; }

.productpage .size-list { position: relative; }
.productpage .size-list.loading { }
.productpage .size-list.loading .loader { z-index: 100; background-color: #ffffffb3; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.productpage .size-list.loading .loader:before { z-index: 100; animation: rotation 1s linear infinite; content: ""; border-radius: 100%; display: block; width: 20px; height: 20px; border: 3px solid #26b9e4; border-bottom-color: transparent; }
.productpage .size-list.loading .loader:after { content: "Loading"; color: #26b9e4; font-weight: 700; font-size: 1.8em; margin-left: 10px; }

body.quicklayout .navigation > .container { width: unset; }
body.quicklayout .main-body .customer-shop .top > .container { width: unset; }
body.quicklayout .main-body .customer-shop .content .productlist > .container { width: unset; }

body.quicklayout .breadcrumb { display: none; }
body.quicklayout .main { overflow: hidden; width: max(88vw, calc(100vw - `450px)); margin-left: min(12vw, 450px); }
body.quicklayout.splash .main { overflow: hidden; width: 100vw; margin-left: 0; }

body.quicklayout .sidebar { overflow-y: auto; }
body.quicklayout .sidebar.hide { display: none; }
body.quicklayout .sidebar.hide + .main { width: 100%; margin-left: unset; }


body.quicklayout #accowidg,
body.quicklayout #shopwidg { display: none; }
body.quicklayout #accowidg.customer-shop,
body.quicklayout #shopwidg.customer-shop-basket { display: block; }

body.quicklayout #shopwidg.customer-shop-basket { flex-basis: unset; width: max-content; }
body.quicklayout #shopwidg.customer-shop-basket > a { width: max-content; transform: translateY(-8px); }
body.quicklayout #shopwidg.customer-shop-basket > a .inner strong,
body.quicklayout #accowidg > a .inner strong { font-weight: 500; }
body.quicklayout #accowidg > a { transform: translateY(-14px); }

body.quicklayout .sidebar .outer #authcounter .load-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body.quicklayout .sidebar .outer { height: 100%; }
body.quicklayout .sidebar .outer > div { width: 100%; }
body.quicklayout .sidebar .outer .heading { font-size: 1.5rem; font-weight: 600; margin: 40px 0; }
body.quicklayout .sidebar .outer .menu { width: 100%; }
body.quicklayout .sidebar .outer .menu ul { list-style: none; margin: unset; display: flex; flex-direction: column; gap: 35px; }
body.quicklayout .sidebar .outer .menu ul li { font-size: 1.25rem; display: flex; justify-content: space-between; align-items: center; width: 100%; font-weight: 400; }
body.quicklayout .sidebar .outer .menu ul li a { display: flex; justify-content: space-between; align-items: center; width: 100%; color: #fff; font-weight: 400; }
body.quicklayout .sidebar .outer .menu ul li:hover,
body.quicklayout .sidebar .outer .menu ul li a:hover { color: #26b9e4; cursor: pointer; }
body.quicklayout .sidebar .outer .menu ul li.orderstoauth a:hover { }
body.quicklayout .sidebar .outer .menu ul li i { font-size: 1.5rem; }

body.quicklayout #headercentre { width: 50%; }
body.quicklayout .masthead .main-top.auth #headerright { width: 50%; }

body.quicklayout #headerright .right-opt .inner i { color: #253645; font-size: 3em; }

body.quicklayout #headerright .right-opt .inner:hover .ico,
body.quicklayout #headerright .right-opt .inner:hover i { color: #26b9e4; }

body.quicklayout #headerright .right-opt .inner > strong { font-size: 0.75rem; text-align: center; }

body.quicklayout #headerright #baskwidg .right-opt .inner { padding-left: 55px; }
body.quicklayout #headerright #baskwidg .right-opt .inner strong { font-size: 1rem; }
body.quicklayout #headerright #baskwidg .right-opt .inner .ico { transform: translateY(-55%); }

body.quicklayout .masthead .logosec { padding-top: 10px; padding-bottom: 15px; }
body.quicklayout .masthead #headercentre { margin: auto; margin-top: unset; }
body.quicklayout .masthead #headercentre .search .formcontainer form { border: none; }
body.quicklayout .masthead #headercentre .search .formcontainer form .form-inner { border: 1px solid #253645; border-radius: 8px; height: 35px; overflow: hidden; }
body.quicklayout .masthead #headercentre .search input[type="text"] { height: 35px; line-height: 35px; }
body.quicklayout .masthead #headercentre .search button { height: 35px; }

body.quicklayout .customer-shop .welcome { font-weight: 800; font-style: normal; font-size: 3.1875rem; color: #2393b4; line-height: 50px; margin-top: 25px; }
body.quicklayout .customer-shop .welcome + .name { font-size: 1.625rem; font-weight: 800; }
body.quicklayout .customer-shop .top { background-color: unset; }
body.quicklayout .customer-shop .top.has-departments .namecontainer + h2 { margin-top: 17px; }
body.quicklayout .customer-shop .top.has-departments .namecontainer + h2 span,
body.quicklayout .customer-shop .top h1 { margin-top: 15px; font-weight: 500; font-size: 1.1875rem; color: #333 !important; }
body.quicklayout .customer-shop .content h2 { font-size: 1.1875rem; }
body.quicklayout .customer-shop .productlist .departments { display: grid; text-align: left; gap: 20px; }
body.quicklayout .customer-shop .productlist .departments .department-block { box-shadow: unset; }
body.quicklayout .customer-shop .productlist .departments .department-block .inner { background-color: #f9f9f9; border-radius: 8px; }
body.quicklayout .customer-shop .productlist .departments .department-block .range { background-color: #253645 !important; font-size: 0.9rem; }
body.quicklayout .customer-shop .productlist .departments .department-block .range:hover { background-color: #26b9e4 !important; }
body.quicklayout .customer-shop .productlist .departments .department-block .namecontainer { max-height: unset; padding: 20px 15px; }
body.quicklayout .customer-shop .productlist .departments .department-block .namecontainer img { max-height: unset; border-radius: 8px; }
body.quicklayout .customer-shop .productlist h3 { font-size: 1.1875rem; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing { padding: 25px 15px 15px 15px; background-color: #f9f9f9; border-radius: 12px; margin-top: 10px; min-height: unset; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner { background-color: unset; border: unset; padding-bottom: unset; min-height: unset; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner .slide-txt .title-link { text-align: center; font-size: 0.975rem; line-height: 1.5rem; }
body.quicklayout .customer-shop .productlist .prod-listing .slide .slide-txt .price { padding: 0 10px; font-size: 1.25rem; }
body.quicklayout .customer-shop .productlist .prod-listing .slide .slide-txt .price .vat-tag { display: none; }
body.quicklayout .customer-shop .productlist .prod-listing .slide .slide-txt .price span { font-size: 0.975rem; color: #000; }
body.quicklayout .customer-shop .productlist .prod-listing .slide .slide-txt .price span strong { font-size: 1.16875rem; color: #000; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner .slide-txt .links { padding: 0 10px; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner .slide-txt .links .add-fav { display: none; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner .slide-txt .links .btn { background-color: #253645 !important; font-size: 0.9rem; }
body.quicklayout .customer-shop .productlist #listing-prods .prod-listing .prod-card .slide-inner .slide-txt .links .btn:hover { background-color: #26b9e4 !important; }

body.quicklayout .main-body:has(.quiklogin) { height: 100vh; max-height: 100vh; display: flex; justify-content: center; align-items: center; }
body.quicklayout .quiklogin { padding-top: 8vh; width: 100%; }
body.quicklayout .quiklogin .full-bg { display: flex; justify-content: center; }
body.quicklayout .quiklogin .full-bg > .container { width: 100%; padding: 0 30px; position: absolute; top: 50%; transform: translateY(-57%); }
body.quicklayout .quiklogin .full-bg > .container > .specialhead + .section { justify-content: center; text-align: center; }
body.quicklayout .quiklogin .specialhead { display: flex; justify-content: center; }
body.quicklayout .quiklogin .specialhead > img { margin-bottom: 70px; }
body.quicklayout .quiklogin #loginform { background-color: #f5f5f5; max-width: 750px; margin: auto; }
body.quicklayout .quiklogin #loginform .forgot { float: unset; margin-top: 20px; }
body.quicklayout .quiklogin #loginform .forgot a { font-size: 1.375rem; color: #000; text-decoration: unset; }
body.quicklayout .quiklogin #loginform input { height: 50px; border: unset; font-size: 1.375rem; font-family: proxima-nova, sans-serif; }
body.quicklayout .quiklogin #loginform input::placeholder { color: #8c8c8c; }
body.quicklayout .quiklogin #loginform .editor-field { margin-bottom: 15px; }
body.quicklayout .quiklogin #loginform .editor-field .show,
body.quicklayout .quiklogin #loginform .editor-field .hide { top: 50%; transform: translateY(-50%); }
body.quicklayout .quiklogin #loginform .editor-field .show i,
body.quicklayout .quiklogin #loginform .editor-field .hide i { color: #6D6D6D; }
body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { background-color: #0ebce3; height: 50px; display: flex; justify-content: center; align-items: center; font-family: proxima-nova, sans-serif; font-size: 1.25rem; max-width: 250px; margin: auto; margin-top: 10px; }
body.quicklayout .quiklogin #loginform .editor-field.submit a.btn:hover { background-color: #192a37; }

body.quicklayout:has(.quiklogin) .masthead, body.quicklayout:has(.quiklogin) .navigation { display: none; }

body.quicklayout #accountmenu { border: unset; background: unset; }
body.quicklayout #accountmenu a i { font-size: 5rem; color: #2393b4; }
body.quicklayout #accountmenu a strong { font-weight: 800; line-height: 30px; }
body.quicklayout #accountmenu > .section > div > a { height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: end; gap: 50px; padding-bottom: 50px; border-radius: 20px; border: 1px solid transparent; }
body.quicklayout #accountmenu > .section > div > a:hover { border: 1px solid rgb(212, 212, 212); }

#changepasswordform > form > .section { display: flex; flex-direction: column; }
#changepasswordform > form > .section > .buttons > .section > div:first-of-type { display: none; }
#changepasswordform > form > .section > .buttons > .section > div:nth-of-type(2) .btn { float: unset; }

body.quicklayout #breakdown-unselected { text-align: center; }

.quik-only { display: none; }
body.quicklayout .quik-only { display: block; }

body.quicklayout .specialhead.pricelist { text-transform: uppercase; margin: 50px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 25px; }
body.quicklayout .specialhead.pricelist h1 { margin: unset; padding: unset; font-size: 2rem; font-weight: 500; }
body.quicklayout .specialhead.pricelist h2 { color: #0dbce3; font-size: 2rem; margin: unset; line-height: 30px; }
.price-list > .section { }
.price-list > .section > .dw-md-6 { width: 100%; }
.price-list .item { padding: unset; border: unset; }
.price-list .item > .title { padding: 10px 15px; border: 4px solid #253645; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; }
.price-list .item > .title a { color: #253645; display: flex; align-items: center; margin-bottom: unset; width: fit-content; pointer-events: none; }
.price-list .item > .title a span { display: none; }
.price-list .item > .title > .quik-only i { font-family: 'Font Awesome 5 Free'; }
.price-list .item.open > .title > .quik-only i { transform: rotate(90deg); }
.price-list .item > .section { display: none; }
.price-list .item > .section > .inner > * { width: 100%; }

/* Quik Report Styling */
body.quicklayout .adminreports > .full-bg > .container { width: unset; }
body.quicklayout .adminreports .specialhead { background-color: #253645; text-align: center; padding: 15px; margin-top: 15px; border-radius: 4px 4px 0 0; }
body.quicklayout .adminreports .specialhead h1 { color: #FFF; margin: unset; }
body.quicklayout .adminreports .account-menu#accountmenu { background-color: #EBEBEB; padding-top: 110px; padding-bottom: 110px; border-bottom: 16px solid #335777; border-radius: 0 0 4px 4px; }
body.quicklayout #accountmenu a strong { font-family: proxima-nova, sans-serif; }
body.quicklayout .adminreports .account-menu .section > div { max-width: 420px; width: 100%; }
body.quicklayout .adminreports .account-menu#accountmenu .section > div > a { padding: 30px 15px !important; width: 388px; height: 400px; }
body.quicklayout .adminreports .account-menu .section > div > a > .btn { font-size: 1rem; border-radius: 6px; }
body.quicklayout .adminreports .account-menu#accountmenu .section > div > a strong { font-size: 1.5rem; }
body.quicklayout .adminreports .account-menu#accountmenu .section > div > a i { font-size: 6rem; }

body.quicklayout .report-breakdown > .full-bg > .container { width: unset; }
body.quicklayout .report-breakdown .specialhead { background-color: #253645; padding: 15px 15px 15px 20px; margin-top: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
body.quicklayout .report-breakdown .specialhead h1 { color: #FFF; margin: unset; }
body.quicklayout .report-breakdown .specialhead .report-select { background-color: #FFF; gap: 30px; padding: 5px 5px 5px 30px; border-radius: 5px; font-size: 1rem; }
body.quicklayout .report-breakdown .specialhead .report-select > .btn { border-radius: 5px; }

body.quicklayout .report-breakdown form > .field-right-action { background-color: #ebebeb; padding: 15px 15px 15px 20px; }
body.quicklayout .report-breakdown form > .field-right-action > .field { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 20px; }
body.quicklayout .report-breakdown form > .field-right-action > .field .inputs { display: flex; background-color: #fff; padding: 5px 5px 5px 25px; border-radius: 50px; }
body.quicklayout .report-breakdown form > .field-right-action > .field .inputs input[type=submit] { padding: unset; border-top-right-radius: 50px; border-bottom-right-radius: 50px; height: 53px; font-size: 1.25rem; width: 220px; font-weight: 500; }
body.quicklayout .report-breakdown form > .field-right-action > .field .inputs .action { width: unset; }
body.quicklayout .report-breakdown form > .field-right-action > .field .inputs input[type=text] { border: unset; width: 75px; padding: unset; transform: translateY(1.25px); }
body.quicklayout .report-breakdown form > .field-right-action > .field .editor-field { display: flex; align-items: center; gap: 10px; }
body.quicklayout .report-breakdown form > .field-right-action > .field .editor-field > label { flex-shrink: 0; font-size: 1.125rem; }

body.quicklayout .report-breakdown form > .field-right-action > .field .report-type-select { display: flex; align-items: center; }

body.quicklayout .report-breakdown form .report-type-select > div { color: #253645; font-size: 1.125rem; padding: 10px 25px; border-radius: 5px; cursor: pointer; }
body.quicklayout .report-breakdown form .report-type-select > div.on { background-color: #FFF; }

body.quicklayout .report-breakdown .order-period { background-color: #335777; padding: 10px 15px 10px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
body.quicklayout .report-breakdown .order-period h2,
body.quicklayout .report-breakdown .order-period > span,
body.quicklayout .report-breakdown .order-period > div { color: #FFF; margin: unset; font-weight: 500; text-align: center; font-size: 1.125rem; }
body.quicklayout .report-breakdown .order-period h2 span { font-weight: 400; }

body.quicklayout .report-breakdown .no-data { margin-top: 50px; padding: 30px; text-align: center; }

body.quicklayout .report-wrapper { display: flex; flex-wrap: wrap; margin: 100px 0; gap: 80px; }
body.quicklayout .report-wrapper > div:first-of-type { flex-shrink: 0; }
body.quicklayout .report-wrapper .report-table { display: flex; flex-grow: 1; flex-shrink: 0; flex-basis: 100%; align-items: center; justify-content: center; }
body.quicklayout .report-wrapper .report-table > table { width: 100%; border-radius: 5px; overflow: hidden; }
body.quicklayout .report-wrapper .report-table > table tbody { text-align: center; }
body.quicklayout .report-wrapper .report-table table th,
body.quicklayout .report-wrapper .report-table table td { padding: 0.5rem; font-size: 0.9rem; }

body.quicklayout .report-wrapper .report-table thead { background-color: #253645; color: #FFF; }
body.quicklayout .report-wrapper .report-table thead tr { border-top-left-radius: 5px; border-top-right-radius: 5px; }
body.quicklayout .report-wrapper .report-table thead tr th { font-size: 1.25rem; }
body.quicklayout .report-wrapper .report-table thead tr th:first-of-type { text-align: left; padding-left: 25px; }
body.quicklayout .report-wrapper .report-table thead tr th:first-of-type { }

body.quicklayout .report-wrapper .report-table tbody tr:nth-child(odd) { background-color: #FFFFFF; }
body.quicklayout .report-wrapper .report-table tbody tr:nth-child(even) { background-color: #E4EFF9; }
body.quicklayout .report-wrapper .report-table tbody tr td:first-of-type { text-align: left; padding-left: 25px; }
body.quicklayout .report-wrapper .report-table tbody tr td { font-size: 1.125rem; }

/*body.quicklayout .report-wrapper .report-table thead tr th:not(:first-of-type) { border-left: 2px solid #FFF; }*/

body.quicklayout .report-wrapper .report-table table table { width: 100%; }
body.quicklayout .report-wrapper .report-table table table thead { background-color: #253645; }
body.quicklayout .report-wrapper .report-table table table tbody tr:nth-child(odd) { background-color: #ddd; }
body.quicklayout .report-wrapper .report-table table table tbody tr:nth-child(even) { background-color: #A1A1A199; }

body.quicklayout .report-wrapper .report-table.nested { justify-content: flex-start; gap: 40px; }
body.quicklayout .report-wrapper .report-table.nested > table { flex-basis: 50%; border-collapse: collapse; overflow: unset; }

body.quicklayout .report-wrapper .report-table.nested table > tbody > tr { cursor: pointer; }
body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:first-of-type { border: 2px solid #2484d8; border-right: unset; }
body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:not(:first-of-type):not(:last-of-type) { border: 2px solid #2484d8; border-left: unset; border-right: unset; }
body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:last-of-type { border: 2px solid #2484d8; border-left: unset; position: relative; }
body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:last-of-type::after { content: ""; width: 0; height: 0; position: absolute; right: -13%; top: 50%; transform: translateY(-50%); border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #2484d8; }

body.quicklayout .report-wrapper .report-table.nested thead tr th:nth-of-type(2) { text-align: left; }
body.quicklayout .report-wrapper .report-table.nested tbody > tr > td:first-of-type,
body.quicklayout .report-wrapper .report-table.nested tbody > tr > td:nth-of-type(2) { text-align: left; }

body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown { flex-basis: 50%; max-width: 615px; font-weight: 500; flex-grow: 1; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 1rem; flex-wrap: wrap; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .title { font-size: 1.375rem; font-weight: 600; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .breakdown-by { color: #b5b9bc; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body { border: 2px solid #2484d8; border-radius: 5px; padding: 35px 56px; font-size: 1.25rem; display: flex; justify-content: center; align-items: center; font-weight: 600; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body span.blue { color: #2484d8; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body span.blue:first-of-type { text-decoration: underline; }

body.quicklayout #full-breakdown-table { transition: all 0.2s ease-out 0s; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body.has-table { padding: unset; max-height: 430px; overflow-y: auto; align-items: unset; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body.has-table table { width: 100%; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body.has-table table thead tr th { background-color: #2484d8; }

body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .breakdown-by label input[type=radio] { display: none; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .breakdown-by label span { cursor: pointer; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .breakdown-by label:has(input[type=radio]:checked) span { text-decoration: underline; color: #2484d8; font-weight: 600; }
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .head .breakdown-by label:not(:has(input[type=radio]:checked)):hover { color: #000; text-decoration: underline; }

body.quicklayout .report-wrapper .breakdown h3 { font-size: 2.25rem; }
body.quicklayout .report-wrapper .breakdown > div { font-size: 1.375rem; margin-bottom: 15px; }
body.quicklayout .report-wrapper .breakdown .breakdown-table { font-size: 1.125rem; }
body.quicklayout .report-wrapper .breakdown .breakdown-table .row { display: flex; gap: 20px; align-items: center; }
body.quicklayout .report-wrapper .breakdown .breakdown-table .thumb { width: 21px; height: 21px; border: 1px solid black; border-radius: 2px; }
body.quicklayout .report-wrapper .breakdown .breakdown-table .row > strong { flex-grow: 1; text-align: right; }

body.quicklayout .report-breakdown .report-table .dataTables_wrapper { width: 100%; }
body.quicklayout .report-breakdown .report-table.nested .dataTables_wrapper { width: 100%; max-width: 1200px; }
body.quicklayout .report-breakdown .report-table table.dataTable { width: 100%; border-collapse: collapse !important; }

body.quicklayout .account-menu .credit-limit .heading { font-weight: 900; padding: 15px 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 0; }
body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 0; /*font-size: 1.375rem;*/ }


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

@media screen (max-height: 768px) {
    body.quicklayout .quiklogin .specialhead > img { margin-bottom: 30px; }
    body.quicklayout .quiklogin .full-bg > .container { transform: translateY(-50%); }
}

@media screen and (max-height: 692px) {

    body.quicklayout .quiklogin #loginform { padding: 15px 15% !important; min-height: unset; }
    body.quicklayout .quiklogin .full-bg > .container { transform: translateY(-50%); }
    body.quicklayout .quiklogin #loginform input { height: 40px; font-size: 1.125rem; }
    body.quicklayout .quiklogin #loginform .editor-field { margin-bottom: 10px; }
}


@media screen and (min-aspect-ratio: 1/1) and (min-height: 692px) and (max-height: 800px) {
    body.quicklayout .quiklogin #loginform { padding: 25px 3vw !important; max-width: 35vw; min-height: unset; }
    body.quicklayout .quiklogin #loginform br { display: none; }
    body.quicklayout .quiklogin .specialhead > img { max-width: 18vw; margin-bottom: 20px; }
    body.quicklayout .quiklogin #loginform .editor-field { margin-bottom: 10px; }
    body.quicklayout .quiklogin #loginform input { height: 40px; font-size: 1rem; }
    body.quicklayout .quiklogin #loginform .forgot { margin-top: unset; }
    body.quicklayout .quiklogin #loginform .forgot a { font-size: 1rem; }
    body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { margin-top: unset; height: 40px; }
}

@media screen and (min-aspect-ratio: 1/1) and (max-height: 692px) {
    body.quicklayout .quiklogin .specialhead > img { margin-bottom: unset; width: 230px; }
    body.quicklayout .quiklogin #loginform { max-width: 35vw; padding: 20px 50px !important; }
    body.quicklayout .quiklogin #loginform br { display: none; }
    body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { margin-top: unset; height: 45px; }
    body.quicklayout .quiklogin #loginform .forgot { margin-top: 10px; }
    body.quicklayout .quiklogin #loginform .forgot a { font-size: 1.125rem; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    body.quicklayout .quiklogin #loginform { max-width: 500px; }
}

@media only screen and (max-width: 1024px) and (max-height: 600px) {
    /* Styles for Nest Hub or similar smart displays */
    body.quicklayout .quiklogin #loginform { max-width: 375px; padding: 20px 30px !important; }
    body.quicklayout .quiklogin #loginform br { display: none; }
    body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { height: 40px; max-width: unset; }
    body.quicklayout .quiklogin #loginform .forgot { margin-top: 5px; }
    body.quicklayout .quiklogin #loginform .forgot a { font-size: 1.125rem; }
}


@media screen and (max-width: 2040px) {
    .masthead .main-top.auth #headerright { flex-grow: 1; }
}

@media screen and (min-aspect-ratio: 1/1) and (min-width: 800px) and (max-width: 992px) {
    body.quicklayout .quiklogin #loginform { max-width: 37vw; padding: 15px !important; }
}

@media screen and (min-aspect-ratio: 1/1) and (min-width: 500px) and (max-width: 992px) {
    body.quicklayout .quiklogin .specialhead > img { width: 16vw; height: auto; margin-bottom: 20px; }
    body.quicklayout .quiklogin #loginform { max-width: 40%; padding: 15px !important; }
    body.quicklayout .quiklogin #loginform br { display: none; }
    body.quicklayout .quiklogin #loginform input { font-size: 0.85rem; height: 25px; }
    body.quicklayout .quiklogin #loginform .editor-field { width: 90%; margin: auto; margin-bottom: 10px; }
    body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { width: 55%; font-size: 0.85rem; margin-bottom: 5px; margin-top: unset; height: 25px; }
    body.quicklayout .quiklogin #loginform .forgot { margin-top: unset; }
    body.quicklayout .quiklogin #loginform .forgot a { font-size: 0.75rem; }
}

@media screen and (min-aspect-ratio: 1/1) and (max-width: 499px) {
}


/*@media screen and (max-width: 1986px) {
body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown { max-width: unset; }
}*/

@media screen and (min-width: 1975px) {
    body.quicklayout .report-breakdown form .report-type-select > div { font-size: 1.125rem; padding: 10px 25px; }
}

@media screen and (min-width: 1750px) and (max-width: 1974px) {
    body.quicklayout .report-breakdown form .report-type-select > div { font-size: 1rem; padding: 10px 10px; }
}

@media screen and (min-width: 1900px) {
    body.quicklayout .quiklogin #loginform { padding: 70px 10rem; }

    body.quicklayout .masthead .topgrey > .container { width: unset; }
    body.quicklayout .masthead .main-top.container { width: unset; }
    body.quicklayout .navigation > .container > .section > * { width: calc(100% / 9); }
    body.quicklayout #headerright { max-width: max-content; }
    body.quicklayout #headerright #baskwidg { flex-basis: content; }
    body.quicklayout #headercentre { margin-right: 50px !important; margin-left: auto !important; width: 40%; }
}

@media screen and (min-width: 1591px) and (max-width: 1899px) {
    body.quicklayout .quiklogin #loginform { padding: 70px 15%; }
}

@media screen and (max-width: 1599px) {
    body.quicklayout .report-wrapper { flex-direction: column; margin: 100px 0; gap: 80px; align-items: center; }
    body.quicklayout .report-wrapper .report-table { width: 100%; }

    body.quicklayout .report-wrapper .report-table.nested { flex-wrap: wrap; }
    body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown { position: static !important; top: unset !important; left: unset !important; max-width: unset; }
    body.quicklayout .report-wrapper .report-table.nested > table { flex-grow: 1; }
    body.quicklayout .report-wrapper .report-table.nested > div { flex-grow: 1; }
    body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:last-of-type::after { display: none; }
}

@media screen and (min-width: 1590px) {
    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 413px; font-size: 1em; }

    .slide.prod-card .slide-inner { min-height: 475px; }

    body.quicklayout .sidebar .outer .menu { }
    body.quicklayout .sidebar .outer .menu > ul > * { padding: 0 15px 0 20px; }
    body.quicklayout .sidebar .outer .menu > ul > li.orderstoauth { padding: 10px 15px 10px 10px; }
    .price-list .item > .title a { font-size: 1.25rem; }
    .price-list .item > .title { font-size: 1.25rem; }

    body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown .body.has-table { width: 600px; display: block; }
}

@media screen and (min-width: 1590px) and (max-width: 1799px) {
    body.quicklayout .product-boot-right .reposimg-lg-md { width: 500px; }
}

@media screen and (max-width: 1589px) and (min-width: 1400px) {
    body.quicklayout .sidebar .outer .menu > ul > * { padding: 0 20px 0 20px; }
    body.quicklayout .sidebar .outer .menu > ul > li.orderstoauth { padding: 10px 20px 10px 20px; }
    body.quicklayout .product-boot-right .reposimg-lg-md { width: 450px; right: calc(100% + 70px); }
    .price-list .item > .title a { font-size: 1.125rem; }
    .price-list .item > .title a.sml { font-size: 1rem; }
    .price-list .item > .title { font-size: 1.125rem; }
}

@media screen and (max-width: 1589px) and (min-width: 1230px) {
    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: -175px; transform: translateX(-50%); top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 413px; font-size: 1em; }
    .info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 392px; transform: translate(-50%, -50%) rotate(45deg); }

    body.quicklayout .quiklogin #loginform { padding: 70px 15%; }
}

@media screen and (min-width: 1500px) {
    .navigation > .container > .section { padding: 0 30px; }

    body.quicklayout .navigation > .container > .section { justify-content: flex-start; padding: unset; }
    .masthead > .container, .masthead > .topgrey > .container, .navigation > .container { width: unset; max-width: max(75vw, 1400px); }
}

@media screen and (max-width: 1499px) {
    .navigation .dw-md-1.divide-6.news { width: 78px; }
    .navigation .dw-md-1.divide-6.home { width: 78px; }
}

@media screen and (min-width: 1400px) {
    #newsletterform .left { width: 27% !important; }
    #newsletterform .center { width: 51% !important; }
    #newsletterform .right { width: 22% !important; }

    .dw-xlg-3 { width: 25% !important; }

    .third-grid .row .cell .inner .title { font-size: 2.75em; }

    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .r { width: calc((100% - 480px) / 2); }
    .third-grid .row.narrow--mid .m { width: 480px; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .r { width: calc((100% - 720px) / 2); }
    .third-grid .row.wide--mid .m { width: 720px; }
    .third-grid .row.narrow--mid .l .contents { padding: 30px 30px 30px 0px !important; display: inline-block; float: right; width: 450px; }
    .third-grid .row.wide--mid .l .contents { padding: 30px 30px 30px 0px !important; display: inline-block; float: right; width: 330px; }
    .third-grid .l .contents .btn { left: 0px !important; }
    .product-boot-right .reposimg-lg-md { width: 670px; position: absolute; right: calc(100% + 122px); z-index: 10; top: 0px; }

    .step-form-section { }
    .step-form-section .summary--boot { width: calc(100% - 983px); }
    .step-form-section .form--boot { width: 982px; }
    .save--continue--custom .field--boot { width: 490px; padding-right: 6px; }
    .save--continue--custom .submit--boot { width: calc(100% - 490px); padding-left: 6px; }

    body.quicklayout .customer-shop .productlist .departments { grid-template-columns: repeat(4, 1fr); }
    body.quicklayout .customer-shop .productlist .departments.select { grid-template-columns: unset; }

    .masthead #headerright { width: 37%; }

    #headerright #accowidg .right-opt .inner > a { color: #253645; font-size: 3rem; }

    #headerright #baskwidg .right-opt .inner > i { color: #253645; font-size: 2.5rem; }

    body.quicklayout .account-menu .credit-limit .heading { font-size: 1.6875rem; font-weight: 900; }
    body.quicklayout .account-menu .credit-limit .data { font-size: 1.5rem; }

    body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 0; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 0; font-size: 1.375rem; }
}

@media screen and (max-width: 1399px) {
    body.quicklayout .sidebar { padding: 20px 10px; }
    body.quicklayout .sidebar .outer .menu > ul > * { padding: 0 20px; }
    body.quicklayout .sidebar .outer .menu > ul > li.orderstoauth { padding: 10px 20px; }

    .masthead #headerright { width: 35%; }

    body.quicklayout .report-wrapper .report-table.nested { flex-wrap: wrap; }
    body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown { position: static !important; top: unset !important; left: unset !important; max-width: unset; }
    body.quicklayout .report-wrapper .report-table.nested > table { flex-grow: 1; }
    body.quicklayout .report-wrapper .report-table.nested > div { flex-grow: 1; }
    body.quicklayout .report-wrapper .report-table.nested table > tbody > tr.selected > td:last-of-type::after { display: none; }
}

@media screen and (max-width: 1399px) and (min-width: 1230px) {
    #newsletterform .left { width: 27% !important; }
    #newsletterform .center { width: 48% !important; }
    #newsletterform .right { width: 25% !important; }

    .third-grid .row .cell .inner .title { font-size: 2.75em; }

    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: -175px; transform: translateX(-50%); top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 413px; font-size: 1em; }
    .info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 392px; transform: translate(-50%, -50%) rotate(45deg); }

    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .r { width: calc((100% - 440px) / 2); }
    .third-grid .row.narrow--mid .m { width: 440px; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .r { width: calc((100% - 590px) / 2); }
    .third-grid .row.wide--mid .m { width: 590px; }
    .third-grid .row.narrow--mid .l .contents { padding: 30px 30px 30px 0px !important; display: inline-block; float: right; width: 385px; }
    .third-grid .row.wide--mid .l .contents { padding: 30px 30px 30px 0px !important; display: inline-block; float: right; width: 310px; }

    .product-boot-right .reposimg-lg-md { width: 585px; position: absolute; right: calc(100% + 40px); z-index: 10; top: 0px; }
    body.quicklayout .product-boot-right .reposimg-lg-md { width: 400px; position: absolute; right: calc(100% + 40px); z-index: 10; top: 0px; }

    .step-form-section { }
    .step-form-section .summary--boot { width: calc(100% - 915px); }
    .step-form-section .form--boot { width: 915px; }
    .save--continue--custom .field--boot { width: 490px; padding-right: 6px; }
    .save--continue--custom .submit--boot { width: calc(100% - 490px); padding-left: 6px; }

    .basket .basket-add-custom-row, .basket .basket-customisation { }
    .custom-row .customs .custom-bx { width: calc(100% / 2); margin-bottom: 10px; }

    body.quicklayout .customer-shop .productlist .departments { grid-template-columns: repeat(3, 1fr); }
    body.quicklayout .customer-shop .productlist .departments.select { grid-template-columns: unset; }
    .price-list .item > .title a { font-size: 1rem; }
    .price-list .item > .title a.sml { font-size: 0.95rem; }
    .price-list .item > .title { font-size: 1rem; }

    .masthead #headerleft { width: 26% !important; }
    .masthead #headerright { width: 37% !important; }
    #headerright #accowidg .right-opt .inner { padding-left: 40px !important; }
    #headerright #baskwidg .right-opt .inner { padding-left: 40px !important; }
    body.quicklayout #headerright #baskwidg .right-opt .inner { padding-left: 50px !important; }

    body.quicklayout .account-menu .credit-limit .heading { font-size: 1.5rem; font-weight: 900; }
    body.quicklayout .account-menu .credit-limit .data { font-size: 1.375rem; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 0; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 0; font-size: 1.25rem; }
}

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

    .navigation .dw-md-1.divide-6 { width: calc((100% - 32vw) / 6); }
    .navigation .dw-md-1.divide-7 { width: calc((100% - 350px) / 7); }
    .navigation .dw-md-1.divide-6.longer { width: 190px; }
    .navigation .dw-md-1.divide-7.longer { width: 190px; }
    .navigation .dw-md-1.divide-9 { width: calc((100% - 115px) / 9); }
    .navigation .dw-md-1.meet-team { width: 129px; }

    .navigation .dw-md-1.shops { width: 92px; }
    .navigation .dw-md-1.all-prods { width: 143px; }

    .customer-shop .prod-listing .dw-lg-3 { width: 20% !important; }

    #catlistingslides .slide { margin-bottom: 30px !important; }
    #basketsummary .please-add { width: 82% !important; padding: 0px; }
    .basket .row .col1 { width: 53%; }
    .basket .col2 { width: 13%; }
    .basket .col3, .basket .col4 { width: 13%; }
    .basket .main form:first-child .btn { width: 190px; border-radius: 3px; padding: 13px; }
    .masthead .logosec { padding: 30px 0px; }
    .masthead #headerleft { width: 28%; }
    .masthead #headercentre { width: 35%; }
    .navigation .toplevel .top-title a { font-size: 1.2em; }


    .masthead .main-top.auth #shopwidg.widgboot { width: 135px; }
    .masthead .main-top.auth #accowidg.widgboot { width: calc((100% - 135px) / 2); }
    .masthead .main-top.auth #baskwidg.widgboot { width: calc((100% - 135px) / 2); }
    .masthead .main-top.auth #headerleft { width: 24%; }

    .masthead .main-top.auth #headerright { width: 33%; }
    .masthead .main-top.auth #headercentre { width: 33%; }
    .masthead .main-top.auth #headerleft { flex-shrink: 1; }
    .masthead #headerright #shopwidg img.quik-icon { max-width: 110px; }
    .masthead #headerright #shopwidg img.quik-icon + strong { font-size: 0.75rem; font-weight: 500; font-family: 'Proxima-nova', sans-serif; }

    #popularbrandslider .slides_container .slide { width: 200px !important; }
    #bestsellingslider .bx-wrapper { width: 100%; max-width: 2000px !important; }
    #bestsellingslider .bx-wrapper .bx-viewport { min-height: 477px; }
    #productprice .dw-xs-2 { width: 20% !important; }
    #basketsummary .section { margin: 0px !important; }
    #basketsummary .total-items { padding: 0px; width: 18% !important; }
    #basketsummary .price-per { width: 22%; padding: 0px; }
    #basketsummary .total { padding: 0px; width: 34% !important; }
    #basketsummary .add-btn { padding: 0px; width: 50% !important; float: right; }
    .fl-left-lg { float: left !important; }
    .fl-right-lg { float: right !important; max-width: 592px; }

    #largereviewbx .inner { height: 222px; }
    #largereviewbx .inner #slides { width: 800px; margin: 0px auto; height: 100%; }
    #largereviewbx .inner #slides .slide { height: 100%; width: 400px !important; }
    #largereviewbx .inner #slides .slide .slide-inner .txt { height: 70px; }
    #largereviewbx .inner #slides .slide .slide-inner { padding: 20px 0px 0px 140px; }
    #stepsform .position-option { min-height: 250px; }

    #promovid .container { padding: 0px; width: 100%; }

    .product-boot-left { }
    #productaccordionview { margin-top: 730px !important; }
    .dw-lg-five { width: 20% !important; }


    .left-right-feature.vid .feature.vid { height: auto; width: 490px; }
    #howitworks .round { z-index: 3; }
    #howitworks .round .line { background-color: #26b9e4; width: 708px; height: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
    #howitworks .round .four-line { background-color: #26b9e4; width: 501px; height: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
    .brand-col-view { -moz-column-count: 4; column-count: 4; -moz-column-gap: 80px; column-gap: 80px; }
    .menu-col-view { -moz-column-count: 4; column-count: 4; -moz-column-gap: 80px; column-gap: 80px; }
    .all-products-col-view { -moz-column-count: 5; column-count: 5; -moz-column-gap: 30px; column-gap: 30px; }
    .all-products-col-view .prod { text-align: left; }

    .basket .basket-add-custom-row, .basket .basket-customisation { }

    .below-prod-image-usp .usp span { font-size: 1.3em; }

    .bundle-summary { position: absolute; top: 1255px; left: 50%; z-index: 99; transform: translateX(-600px); width: 585px; }

    #productaccordionview { padding-top: 120px; position: relative; margin-top: 15px; }


    .logo--options { }
    .logo--options .upload--boot { width: 100%; padding-right: 6px; max-width: 425px; margin: 0 auto; text-align: center; }
    .logo--options .contact--boot { width: calc(100% - 660px) !important; padding-left: 6px; }

    body.quicklayout #accountmenu a strong { font-size: 1.375rem; }
    .navigation > .container > .section > * { flex-grow: 1; }

    body.quicklayout .main { overflow: hidden; width: calc(100% - 300px); margin-left: 300px; }
    body.quicklayout .sidebar { background-color: #253645; position: fixed; top: 0; left: 0; height: 100vh; width: 300px; z-index: 9998; }
}

@media screen and (max-width:1400px) and (min-width: 1230px) {
    .masthead .main-top.auth #shopwidg.widgboot { width: 135px; }
    .masthead .main-top.auth #accowidg.widgboot { width: calc((100% - 135px) / 2); }
    .masthead .main-top.auth #baskwidg.widgboot { width: calc((100% - 135px) / 2); }
    .masthead .main-top.auth #headerleft { width: 24%; }
    .masthead #headercentre { width: 37%; }
    .masthead .main-top.auth #headerright { width: 39%; }

    body.quicklayout .masthead #headercentre { width: 43% !important; }
    body.quicklayout .masthead #headerright { width: 57% !important; }
}

@media screen and (min-width: 550px) and (max-width: 1199px) {
    body.quicklayout .report-breakdown .specialhead .report-select { padding: 5px; padding-left: 10px; gap: 15px; }
    body.quicklayout .report-breakdown .specialhead .report-select > .btn { padding: 5px 10px; }
}

@media screen and (max-width: 1229px) {
    .person .bio .inner-rel .inner-rel { padding: 30px; }
    .person .bio .inner-rel .right { width: calc(100% - 320px); float: left; padding-left: 30px; padding-top: 30px; font-size: 1.5em; }

    .masthead .topgrey .left .langBar { height: 30px; width: 250px; left: 15px; float: left; transform: translate3d(-17px, 24px, 0px) }
    .masthead .topgrey .left .langBar div { display: inline-block; }
    .masthead .topgrey .left .langBar span { left: auto; }

    #delivery #delivery-options .delivery-opt { padding: 15px; }

    body.quicklayout #accountmenu a strong { font-size: 1.25rem; }
    .price-list .item > .title > .quik-only i { font-size: 1rem; margin-right: 5px; }
    .masthead #headerright #shopwidg img.quik-icon { max-width: 100px; }

    body.quicklayout .main { overflow: hidden; width: calc(100% - 245px); margin-left: 245px; }
    body.quicklayout .sidebar { background-color: #253645; position: fixed; top: 0; left: 0; height: 100vh; width: 245px; z-index: 9998; }
}

@media screen and (min-width: 650px) and (max-width: 1115px) {
    body.quicklayout .report-breakdown form .report-type-select > div { font-size: 1rem; padding: 10px; }
}

@media screen and (max-width: 720px) {
    body.quicklayout .report-breakdown .order-period > span { display: none; }
}

@media screen and (max-width: 649px) {
    body.quicklayout .report-breakdown form .report-type-select { flex-wrap: wrap; }
    body.quicklayout .report-breakdown form .report-type-select > div { font-size: 1rem; padding: 10px; }

    body.quicklayout .report-breakdown form > .field-right-action > .field .inputs { flex-wrap: wrap; border-radius: 5px; padding: 5px 20px; }
    body.quicklayout .report-breakdown form > .field-right-action > .field .inputs input[type=submit] { border-radius: 5px; margin: 10px auto; }
    body.quicklayout .report-breakdown form > .field-right-action > .field .action { flex-grow: 1; }
    body.quicklayout .report-breakdown form > .field-right-action > .field .editor-field { flex-grow: 1; justify-content: space-between; }
    body.quicklayout .report-breakdown form > .field-right-action > .field .editor-field > label { flex-grow: 1; }

    body.quicklayout .report-breakdown .specialhead .report-select { display: none; }
}

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

    .slide.prod-card .colour-opt-wrapper .wrap-outter { max-width: 120px; }

    .masthead .topgrey .socials { margin: 0px 5px; }
    .masthead .topgrey .socials a { width: 22px; }

    .custom-row .customs .custom-bx { width: calc(100% / 2); margin-bottom: 10px; }
    .navigation .dw-md-1.divide-6 { width: calc((100% - 286px) / 6); }
    body.quicklayout .navigation .dw-md-1.divide-6 { width: calc((100% - 325px) / 6); }
    .navigation .dw-md-1.divide-7 { width: calc((100% - 286px) / 7); }
    .navigation .dw-md-1.divide-9 { width: calc((100% - 390px) / 9); }
    .navigation .dw-md-1.divide-6.longer { width: 130px; }
    .navigation .dw-md-1.divide-7.longer { width: 130px; }
    .navigation .dw-md-1.meet-team { width: 100px !important; }
    .navigation .dw-md-1.Head { width: 100px !important; }
    .navigation .dw-md-1.news { width: 60px; }
    .navigation .dw-md-1.home { width: 60px; }
    .navigation .dw-md-1.shops { width: 50px; }
    .navigation .dw-md-1.all-prods { width: 120px; }

    body.quicklayout #headerright > .section { gap: 15px; }

    .third-grid .row .cell .inner .title { font-size: 2.00em; width: 100%; line-height: 22px; }

    .customer-shop .top .links { background-color: #fff; text-align: right; padding: 15px; }
    .customer-shop .top .links a.shop-links { display: inline-block; min-width: 170px; border: 1px solid #253745; text-transform: uppercase; color: #253745; text-align: center; font-size: 1.1em; font-weight: 600; padding: 10px 0px; line-height: 20px; margin: 9px 5px; }
    .customer-shop .top .links img { width: auto; }

    .size-opt .size-price { left: 26%; }

    .bundle-summary { position: absolute; top: 1105px; left: 50%; z-index: 99; transform: translateX(-470px); width: 455px; }
    .product-boot-right .reposimg-lg-md { width: 455px; top: 0px; position: absolute; right: calc(100% + 15px); z-index: 10; }

    .basket .col1 { width: 50%; }
    .basket .col2 { width: 12%; }
    .basket .col3, .basket .col4 { width: 14%; }
    .basket .main form:first-child .btn { width: 190px; }
    .fl-left-md { float: left !important; }
    .fl-right-md { float: right !important; }
    .masthead #headerleft { width: 25%; }
    .masthead #headercentre { width: 33%; }
    .masthead #headerright { width: 44%; padding: unset; }
    .top-bullets .bullet { margin: 0px -12px; }




    .masthead .main-top.auth .widgboot { padding: 0px 10px; }
    .masthead .main-top.auth #shopwidg.widgboot { width: 129px; }
    .masthead .main-top.auth #accowidg.widgboot { width: calc((100% - 129px) / 2); }
    .masthead .main-top.auth #baskwidg.widgboot { width: calc((100% - 129px) / 2); }
    .masthead .main-top.auth #headerleft { width: 20%; }
    .masthead #headercentre { width: 31%; }
    .masthead .main-top.auth #headerright { width: 49%; }

    .top-bullets .bullet .txt { padding-left: 40px; width: 100%; }
    .top-bullets .bullet .txt strong { font-size: 1.0em; }
    .top-bullets .bullet .txt span { }
    .top-bullets .bullet .txt i { font-size: 2.2em; width: 30px; text-align: center; }


    .navigation .toplevel .top-title a { font-size: 1em; }
    .navigation .toplevel i { display: none !important; }
    #bestcats { height: 565px; }

    #popularbrandslider .slides_container .slide { width: 235px !important; }
    #bestsellingslider .slides_container .slide { }
    #promovid .inner { height: 264.38px; }
    #promovid .inner .vid-txt { padding: 15px; font-size: 0.9em; }
    #productprice .dw-xs-2 { margin: 7px 0px; }
    #basketsummary .total { margin: 15px 0px; }
    #newsletterform .left { width: 32% !important; }
    #newsletterform .center { width: 30% !important; }
    #newsletterform .right { width: 38% !important; }
    #largereviewbx .inner { height: 250px; }
    #largereviewbx .inner #slides { width: 620px; margin: 0px auto; height: 100%; }
    #largereviewbx .inner #slides .slide { height: 100%; width: 310px !important; }
    #largereviewbx .inner #slides .slide .slide-inner .txt { height: 100px; }
    #largereviewbx .inner #slides .slide .slide-inner .title { font-size: 1.3em; }
    #largereviewbx .inner #slides .slide .slide-inner { padding: 20px 0px 0px 120px; }
    #stepsform .summary .cost { padding: 10px 100px 10px 0px; font-size: 1.2em; }
    #stepsform .summary .cost span { top: 50%; transform: translateY(-50%); }
    #stepsform .position-option { min-height: 228px; }
    .navigation .sub-drop .cols.promo-link .promobox { right: 15px !important; }
    .register .reg-circle { height: 45px; width: 45px; line-height: 45px; font-size: 1.7em; }
    .register .register-bullet .text { left: 55px; }
    #productaccordionview { margin-top: 495px !important; }
    #stepsform.bundle .app-methods .app-select img { width: 50px; left: 10px; }
    #stepsform.bundle .app-methods .app-select .check { }
    #stepsform.bundle .app-methods .app-select .check .dummy-check { left: -15px; width: 25px; height: 25px; }
    #stepsform.bundle .app-methods .app-select .check .dummy-check i { line-height: 25px; }
    #stepsform.bundle .app-methods .app-select .check .text { left: 20px; width: 100%; }
    #stepsform.bundle .app-methods .app-select .info-tooltip { top: 5px; right: 5px; }
    .point-tiles .tile .inner { min-height: 440px; }

    #promovid .inner .vid-txt span { font-size: 1.1em !important; }

    .dw-lg-five { width: 20% !important; }




    #howitworks .round { z-index: 3; }
    #howitworks .round .line { background-color: #26b9e4; width: 536px; height: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
    #howitworks .round .four-line { background-color: #26b9e4; width: 372px; height: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
    .brand-col-view { -moz-column-count: 4; column-count: 4; -moz-column-gap: 80px; column-gap: 80px; }

    .basket .basket-add-custom-row, .basket .basket-customisation { }


    .step-one-options .option.template i { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); color: #26b9e4; font-size: 3em; }
    .step-one-options .option.template .inner strong { display: block; left: 69px; max-width: 440px; font-size: 1.2em; }

    .bundletemp-select.option.template i { position: static; display: inline-block; transform: none; }

    .bundletemp-chosen.block.option.template.chosen { text-align: center; }
    .bundletemp-chosen.block.option.template.chosen .inner { padding: 15px; }
    .bundletemp-chosen.block.option.template.chosen .inner .image { width: 80px; height: 80px; position: static; top: 50%; transform: none; left: 10px; display: block; margin: 0px auto 30px auto; }
    .bundletemp-chosen.block.option.template.chosen .inner .title { display: inline-block; font-size: 1.1em; margin-right: 5px; font-weight: bold; }
    .bundletemp-chosen.block.option.template.chosen .txt { margin-bottom: 30px; text-align: center; }
    .bundletemp-chosen.block.option.template.chosen .inner .price { display: inline-block; font-size: 1.1em; color: #26b9e4; font-weight: bold; }
    .bundletemp-chosen.block.option.template.chosen .inner h2 { margin: 0px 0px 10px 0px; font-size: 1.4em; }
    .bundletemp-chosen.block.option.template.chosen .template-btn { position: static; margin: 0 auto; transform: none; }
    #bestsellingslider .bx-wrapper .bx-viewport { }
    #bestsellingslider .bx-wrapper { width: 100%; display: block; margin: 0 auto; }
    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: -175px; transform: translateX(-50%); top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 413px; font-size: 1em; }
    .info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 392px; transform: translate(-50%, -50%) rotate(45deg); }

    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .r { width: calc((100% - 440px) / 2); }
    .third-grid .row.narrow--mid .m { width: 440px; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .r { width: calc((100% - 590px) / 2); }
    .third-grid .row.wide--mid .m { width: 590px; }


    #newsletterform .left { width: 100% !important; padding-bottom: 15px; }
    #newsletterform .center { width: 100% !important; margin-bottom: 30px; }
    #newsletterform .right { width: 100% !important; }

    .logo--options .upload--boot { width: 520px !important; padding-right: 6px; }
    .logo--options .contact--boot { width: calc(100% - 520px) !important; padding-left: 6px; }
    #stepsform .logo-choice a.dummy-upload { min-width: 84px !important; font-size: 1.1em; }
    #stepsform .logo-choice .dummy-check { margin-right: 6px !important; }
    #stepsform .logo-choice strong { font-size: 1.1em !important; }

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

    .save--continue--custom .field--boot { width: 410px; padding-right: 6px; }
    .save--continue--custom .submit--boot { width: calc(100% - 410px); padding-left: 6px; }

    #productaccordionview { padding-top: 110px; position: relative; margin-top: 15px; }

    body.quicklayout .sidebar .outer .menu ul li { font-size: 1.2rem; }
    body.quicklayout .sidebar .outer .menu ul li i { font-size: 1.5rem; }

    body.quicklayout .masthead .main-top.auth #headercentre { width: 38%; }
    body.quicklayout .masthead .main-top.auth #headerright { width: 62%; }

    body.quicklayout .customer-shop .productlist .departments { grid-template-columns: repeat(3, 1fr); }
    body.quicklayout .customer-shop .productlist .departments.select { grid-template-columns: unset; }

    .price-list .item > .title a { font-size: 1rem; }
    .price-list .item > .title a.sml { font-size: 0.8rem; }
    .price-list .item > .title { font-size: 1rem; }
    .price-list .item > .title:has(a.sml) { font-size: 0.8rem; }

    #headerright #accowidg .right-opt .inner { padding-left: 40px !important; }
    #headerright #baskwidg .right-opt .inner { padding-left: 40px !important; }
    body.quicklayout #headerright #baskwidg .right-opt .inner { padding-left: 50px !important; }

    body.quicklayout .account-menu .credit-limit .heading { font-size: 1.5rem; font-weight: 900; }
    body.quicklayout .account-menu .credit-limit .data { font-size: 1.25rem; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 0; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 0; font-size: 1rem; }
}

@media screen and (min-width: 1080px) and (max-width: 1229px) {
    body.quicklayout .product-boot-right .reposimg-lg-md { width: 400px; top: 0px; position: absolute; right: calc(100% + 15px); z-index: 10; }
}

@media screen and (min-width: 992px) and (max-width: 1079px) {
    body.quicklayout .product-boot-right .reposimg-lg-md { width: 350px; top: 0px; position: absolute; right: calc(100% + 15px); z-index: 10; }
}

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

    .productpage .size-list { margin-top: -15px; }
    .productpage .size-list .scroller { max-height: 420px; background: linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),transparent) 0 100%; background: linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%; background-repeat: no-repeat; background-color: #fff; background-size: 100% 40px,100% 40px,100% 14px,100% 14px; background-attachment: local,local,scroll,scroll; overflow: auto; }

    #footer .dw-md-4.intouch { float: left; }
    #footer .dw-md-8.all-links { float: right; }

    .customisation-boot { padding: 0px 30px; }
    .customisation-boot .basket-customisation { margin-top: 30px; }


    .navigation .dw-md-1.shops .dw-xs-4 { width: calc( 100% / 5); }
    .navigation .dw-md-1.shops .dw-xs-4 a { text-align: center; display: block; text-transform: uppercase; color: rgb(51, 51, 51);; font-weight: 700; font-size: 1.2em; }
    .navigation .dw-md-1.shops .dw-xs-4 a img { display: block; margin-bottom: 15px; }
    .navigation .dw-md-1.shops .dw-xs-4 a:hover { text-decoration: underline; }

    #homeslides { }



    .homebanner-slider { max-width: 1900px; margin: 0 auto; }
    .basket .row .col1 { position: relative; }
    .masthead .logosec { padding: 30px 15px; }
    .masthead #headerleft { height: 50px; }
    .masthead #headerleft a { display: inline-block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
    .navigation { background-color: #253645; box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 1px 0px; }
    .masthead .logosec #mobileoptions { display: none; }
    #headerright .dw-xs-6 { height: 50px; flex-basis: 32%; }
    #headerright .right-opt { position: absolute; width: calc(100% - 28px); top: 50%; transform: translateY(-50%); }
    #headerright .right-opt:nth-child(2) { left: 10px; }
    #headerright .right-opt .inner { position: relative; padding-left: 45px; }
    #headerright .right-opt .inner strong { color: rgb(51, 51, 51); font-size: 1.2em; }
    #headerright .right-opt .inner span { color: #000; }
    #headerright .right-opt .inner span a { color: #000; }
    #headerright .right-opt .inner span a:hover { color: #26b9e4; }
    #headerright .right-opt .inner .ico { display: inline-block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); color: #253645; font-size: 2.5em; }
    .navigation { position: relative; }
    #headerright { float: right; }

    #headerright #shopwidg .right-opt .inner { padding-left: 20px; display: flex; flex-direction: column; align-items: center; }
    #headerright #accowidg { flex-grow: 1; }
    #headerright #accowidg .right-opt .inner { padding-left: 55px; }
    #headerright #baskwidg { flex-basis: 33%; }
    #headerright #baskwidg .right-opt .inner { padding-left: 55px; }

    body.quicklayout #headerright #accowidg { flex-grow: unset; }
    body.quicklayout #headerright #accowidg .right-opt .inner { padding-left: 10px; }
    .masthead #headerright #shopwidg img.quik-icon + strong { font-size: 0.75rem; font-weight: 500; font-family: 'Proxima-nova', sans-serif; }



    .navigation .toplevel { height: 50px; text-align: center; margin: 0px -15px; }
    .navigation .toplevel .sub-drop { display: none; }
    .navigation .toplevel .top-title { display: block; height: 100%; position: relative; cursor: default; }
    .navigation .toplevel .top-title strong { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; line-height: 49px; }
    .navigation .toplevel .top-title a { color: rgb(255, 255, 255); font-weight: 600; display: inline-block; }
    .navigation .toplevel .top-title i { color: rgb(255, 255, 255); font-weight: 600; margin-left: 5px; display: inline-block; }
    .navigation .toplevel:hover { background-color: #26b9e4; }
    .navigation .toplevel.drop:hover .top-title:before { content: ""; display: block; height: 20px; background-color: #26b9e4; position: absolute; bottom: -5px; left: 0px; width: 100%; z-index: 99999; }
    .navigation .toplevel:hover .top-title a { color: #fff; }
    .navigation .toplevel:hover .top-title a:hover { }
    .navigation .toplevel:hover .top-title i { color: #fff; display: inline-block; }
    .navigation .toplevel:hover .sub-drop { box-shadow: 0px 3px 8px 5px rgba(0, 0, 0, 0.2); top: 55px; display: block; position: absolute; z-index: 9999; background-color: rgb(255, 255, 255); left: 50%; border-top: 5px solid #26b9e4; transform: translateX(-50%); padding: 20px 30px 35px; }
    .navigation .toplevel:hover .sub-drop.brands-menu-drop { padding-top: 35px; text-align: left; padding-bottom: 30px; }
    .navigation .toplevel:hover .sub-drop.brands-menu-drop .subcat-title { color: #26b9e4; line-height: 34px; font-size: 1.3em; }
    .navigation .toplevel:hover .sub-drop.brands-menu-drop .brand-link { color: rgb(103, 103, 103); font-size: 1.25em; line-height: 34px; cursor: pointer; display: block; }
    .navigation .toplevel:hover .sub-drop.brands-menu-drop .brand-link:hover { color: #26b9e4; text-decoration: underline; }
    .navigation .toplevel .sub-drop:hover { display: block; }
    .navigation .toplevel .sub-drop.brands-menu-drop { min-height: 230px; overflow-y: auto; height: auto; }
    .navigation .dw-md-1 { position: static; }
    .navigation .dw-md-1.divide-16, .navigation .dw-md-1.divide-8 { width: 12.5%; }
    .navigation .dw-md-1.divide-10 { width: 11.5%; font-size: 0.9em; }
    .navigation .dw-md-1.divide-10.shorter { width: 10.5%; }
    .navigation .dw-md-1.divide-10.longer { width: 13.5%; }
    .navigation .dw-md-1.divide-10.smaller { width: 5%; }
    .navigation .dw-md-1.divide-10.small { width: 10%; }
    .navigation .dw-md-1.divide-4 { width: 9%; font-size: 0.95em; }

    .navigation .dw-md-1.divide-5 { width: 20%; }



    .iframe-form { }
    .iframe-form .block-link.basket { height: 40px; margin-top: 0px; width: 150px; float: right; }
    .iframe-form .block-link.basket .right-opt { width: 150px !important; }

    #homeslides .slides_container .slide { width: 100%; position: relative; height: 508px !important; }
    #homeslides .slides_container .slide .slide-inner { width: 100%; overflow: hidden; height: 508px !important; position: relative; background-size: cover; background-position: center; }


    .navigation .sub-drop .cols .col { padding-top: 15px; text-align: left; }
    .navigation .sub-drop .cols .col.multi-2 { width: 50% !important; float: left; }
    .navigation .sub-drop .cols .col.multi-3 { width: 75% !important; float: right; }
    .navigation .sub-drop .cols .col.multi-4 { width: 100% !important; }
    .navigation .sub-drop .cols .col.multi-5, .navigation .sub-drop .cols .col.multi-6, .navigation .sub-drop .cols .col.multi-7, .navigation .sub-drop .cols .col.multi-8, .navigation .sub-drop .cols .col.multi-9 { width: 100% !important; }

    .navigation .sub-drop .cols .col.multi-2 .dw-md-3 { width: 100% !important; }
    .navigation .sub-drop .cols .col.multi-2 .dw-md-3 ul li:nth-child(odd) { float: right; width: 50%; text-align: left; transform: translateY(-100%); }
    .navigation .sub-drop .cols .col.multi-3 .dw-md-3 { width: 33.333% !important; }

    .navigation .sub-drop .cols .col strong { color: #26b9e4; font-size: 1.3em; font-weight: 600; text-transform: uppercase; margin-bottom: 7px; display: inline-block; }


    .navigation .sub-drop .cols .col ul { margin: 0px; }
    .navigation .sub-drop .cols .col ul li { list-style: none; padding: 7px 0px; }
    .navigation .sub-drop .cols .col ul li a { color: #676767; font-size: 1.30em; font-weight: 300; }
    .navigation .sub-drop .cols .col ul li a:hover { color: #26b9e4; text-decoration: underline; }
    .navigation .sub-drop .cols { padding-bottom: 60px; position: relative; }
    .navigation .sub-drop .cols:before { content: ""; width: calc(100% - 170px); height: 1px; position: absolute; display: block; background-color: #253645; bottom: 0px; left: 15px; }
    .navigation .sub-drop .cols:after { content: ""; width: 120px; height: 41px; position: absolute; display: block; background-image: url(images/logo.jpg); bottom: 0px; background-size: contain; transform: translateY(50%); background-position: center; background-repeat: no-repeat; right: 15px; }

    .navigation .sub-drop .cols ul.subcats.sub { margin: 0px; padding: 0px; }
    .navigation .sub-drop .cols.promo-link { padding-right: 200px; padding-top: 25px; }
    .navigation .sub-drop .cols.promo-link .promobox { position: absolute; top: 30px; right: 30px; width: 215px; height: 285px; }
    .navigation .sub-drop .cols.promo-link .promobox a:hover { background-color: rgb(255, 255, 255) !important; color: #26b9e4 !important; }

    #productaccordionview .tab { cursor: pointer; position: absolute; width: 33.333%; top: 0px; background-color: rgb(241, 241, 241); border-radius: 3px 3px 0px 0px; border-width: 3px 3px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image: initial; border-bottom-style: initial; border-bottom-color: initial; height: 50px; }
    #productaccordionview .tab.active { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(241, 241, 241); border-right: 1px solid rgb(241, 241, 241); border-left: 1px solid rgb(241, 241, 241); border-image: initial; border-bottom: none; }
    #productaccordionview .tab .inner-rel { width: 100%; height: 100%; }
    #productaccordionview .tab .inner-rel span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; font-weight: 700; font-size: 1.3em; color: rgb(0, 0, 0); }
    #productaccordionview .tab.active .inner-rel span { color: #26b9e4; }
    #productaccordionview #info.tab.active .inner-rel::before { content: ""; width: calc(100% + 1px); border-left: 1px solid rgb(241, 241, 241); position: absolute; top: 100%; left: -1px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #custom.tab.active .inner-rel::before { content: ""; width: 100%; position: absolute; top: 100%; left: 0px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #delivery.tab.active .inner-rel::before { content: ""; width: calc(100% + 1px); border-right: 1px solid rgb(241, 241, 241); position: absolute; top: 100%; right: -1px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #info { left: 0px; }
    #productaccordionview #custom { left: 50%; transform: translateX(-50%); }
    #productaccordionview #delivery { right: 0px; }
    #productaccordionview .tab-body { border: 1px solid rgb(241, 241, 241); border-radius: 3px; padding: 30px; display: none; background-color: #fff; min-height: 304px; }
    #productaccordionview .tab-body.active { display: block; }
    .filter-rel { position: relative; }
    .filter-rel .filter { top: 0px; left: 0px; }
    .filter-boot { width: 250px; }
    .listing-boot { width: calc(100% - 250px); }
    .billsec { position: relative; }
    .billsec .sab { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); margin: 0px !important; }
    #promovid.about::before { content: ""; position: absolute; width: calc(50% + 80px); height: calc(100% + 160px); background-color: rgb(251, 251, 251); top: 50%; right: 0px; display: block; transform: translateY(-50%); }
    .grecaptcha-badge { z-index: 999999999; }

    .more-filters.closed { height: 0px; overflow: hidden; }

    .more-filters.open { height: auto; overflow: hidden; }

    .see-more { cursor: pointer; margin-top: 15px; font-size: 1.1em; display: inline-block; }
    .see-more:hover { color: #26b9e4; }
    .see-more-inner { cursor: pointer; padding-top: 15px; font-size: 1.1em; display: block; color: #26b9e4; font-weight: 700; }
    .see-more-inner:hover { color: #000; }

    .product-topline { }
    .product-topline .sticker-boot { width: 130px !important; }
    .product-topline.has-brandimg .sticker-boot { padding-top: 20px; }

    body.quicklayout #headerleft { display: none; }
    body.quicklayout .main .container { max-width: 73vw; }
    body.quicklayout #headerright > .section { justify-content: flex-end; }
    body.quicklayout #headerright .right-opt { position: unset; width: fit-content; transform: unset; }
    body.quicklayout #headerright .right-opt .inner { padding-left: unset; }
    body.quicklayout .masthead .main-top.auth #baskwidg.widgboot > a { margin-top: 10px; }
    body.quicklayout .masthead .main-top.auth #accowidg.widgboot { transform: unset; flex-basis: unset; width: max-content; }

    body.quicklayout #headerright .right-opt.cart .inner img { transition: none; }
    body.quicklayout #headerright .right-opt.cart:hover .inner img,
    body.quicklayout #headerright #accowidg .right-opt:hover .inner img { filter: brightness(0) saturate(100%) invert(73%) sepia(53%) saturate(6155%) hue-rotate(152deg) brightness(103%) contrast(90%); transition: none; }
    body.quicklayout #headerright #accowidg .right-opt .inner img { transition: none; }
    body.quicklayout #headerright #accowidg .right-opt:hover .inner img { }
    body.quicklayout #headerright #accowidg .right-opt .inner i { display: none; }
    body.quicklayout .sidebar .outer > i { display: none; }
}

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



    #shop-filters .fa-times { display: initial; }
    #shop-filters .filter-title { color: #fff; padding: 15px; background-color: #253645; }
    #shop-filters .filter-bx { padding: 15px; background-color: #ededed; height: 100%; }
    #shop-filters .filter-bx > .flx-bx { flex-direction: column; }
    #shop-filters { position: fixed; top: 0; left: 0; height: 100vh; z-index: 9999; width: 100%; padding: 0; transform: translateX(-100%); }
    #shop-filters:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #000; opacity: 0.5; z-index: -1; opacity: 0; transition-property: opacity; transition-delay: 0.3s; }
    #shop-filters form { height: 100vh; width: 90%; }

    #shop-filters.open { transform: translateX(0); }
    #shop-filters.open:before { opacity: 0.5; }

    .st-it .it-img { width: 100%; padding-bottom: 30px; }
    .st-it .it-inf { width: 100%; }
    .navigation .shops .sub-drop a img { display: none; }
    .navigation .shops .sub-drop a { font-weight: 400; display: block; padding: 15px 0px; color: #000; cursor: pointer; font-size: 1.4em; display: block; }
    .navigation .shops .sub-drop a:hover { color: #26b9e4; }
    .navigation .shops .sub-drop .dw-xs-4 { width: 100%; }
    .customisation-boot { padding: 15px; }
    .listing-boot { width: 100%; }

    .customer-shop .top .links img { transform: none !important; }

    .homebanner-slider .slides_container .slide .slide-inner { min-height: 320px; background-position: center; background-size: cover; }
    .homebanner-slider .slides_container .slide .slide-inner a { min-height: 360px; overflow: hidden; }
    .top-bullets { margin-top: 25px; }
    .top-bullets .bx-viewport { height: 40px !important; }

    .customer-shop .top .links { text-align: center; }
    .customer-shop .top .links a.shop-links { display: inline-block; min-width: 160px; border: 1px solid #253745; text-transform: uppercase; color: #253745; text-align: center; font-size: 1.1em; font-weight: 600; padding: 10px 0px; line-height: 20px; margin: 9px 5px; }
    .customer-shop .top .links img { float: none; display: block; margin: 0px auto 15px; max-height: 100%; width: auto; position: static; }
    .customer-shop .listing-container .filter-toggle { display: none !important; }

    .departments .department-block .range { width: calc(100% - 30px); }

    #product #pricing { height: auto !important; }
    #product #pricing h1 { margin: 0px; }
    .navigation { overflow: hidden; transition: max-height 1s ease-in-out 0s; }
    .navigation.shut { height: 0px; }
    .navigation.open { height: auto; }
    .navigation .subcats { overflow: hidden; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); position: relative; list-style: none; }
    .navigation .subcats.open { height: auto; }
    .navigation .subcats.shut { height: 0px; }
    .navigation .subcats li span a { font-weight: 400; display: block; padding: 15px 0px; color: rgb(0, 0, 0); cursor: pointer; font-size: 1.4em; }
    .navigation .subcats li span a:hover { color: #26b9e4 !important; }
    .navigation .subcats .a-z-split { color: #26b9e4 !important; font-size: 1.4em; font-weight: bold; padding: 20px 15px 0px 15px !important; }

    .left-right-feature .feature .feature-list { width: 100%; margin: 30px auto 0px auto; max-width: 100%; border-radius: 3px !important; display: block !important; }

    .navigation .mob-nav-call { text-align: center; padding: 30px 0px 60px; }
    .navigation .mob-nav-call span { text-align: center; display: block; font-size: 1.2em; color: rgb(0, 0, 0); margin: 10px 0px; }
    .navigation .mob-nav-call a { border: none; font-weight: 700; color: #26b9e4; font-size: 2em; }
    .navigation .mob-nav-call a:hover { color: rgb(51, 51, 51); }


    .navigation .mob-nav-call .st0 { fill: #26b9e4 !important; }
    .masthead .main-top { transition: max-height 0.2s ease-out 0s; }
    .masthead .main-top.close-search { max-height: 160px; height: auto; padding-top: 82px; overflow: hidden; }
    .masthead .main-top.open-search { max-height: 253px; height: auto; padding-top: 82px; }
    .masthead .main-top .search .formcontainer { overflow: hidden; display: block; position: relative; transition: max-height 0.2s ease-out 0s; }
    .masthead .main-top.close-search .search .formcontainer { max-height: 0px; height: auto; }
    .masthead .main-top.open-search .search .formcontainer { max-height: 55px; height: auto; }
    .masthead .logosec { position: relative; height: 100px; padding-top: 100px; margin-bottom: 70px; }
    .masthead .logosec #headerleft { max-width: 284px; width: 284px !important; height: auto; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; bottom: 100%; }
    .masthead .logosec #headerleft a { display: inline-block; width: 100%; height: auto; }
    .masthead .logosec #headerleft a img { width: 100%; height: auto; }
    .masthead .logosec #headerright { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 50% !important; }
    .masthead .logosec #headercentre { }
    .masthead .logosec #mobileoptions { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 50% !important; }
    .masthead .logosec #mobileoptions .inner { position: relative; height: 10px; }
    .masthead .logosec #mobileoptions .inner .navicon { position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0.5); width: 60px; height: 45px; left: 50%; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel { width: 100%; height: 100%; position: relative; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; cursor: pointer; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel span { display: block; position: absolute; height: 8px; background: #2ab9e4; border-radius: 3px; opacity: 1; left: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel span:nth-child(1) { top: 0px; width: 100%; transform-origin: left center; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel span:nth-child(2) { top: 18px; width: 100%; transform-origin: left center; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel span:nth-child(3) { top: 36px; width: 100%; transform-origin: left center; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel.open span:nth-child(1) { transform: rotate(45deg); top: -3px; left: 8px; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel.open span:nth-child(2) { width: 0%; opacity: 0; }
    .masthead .logosec #mobileoptions .inner .navicon .inner-rel.open span:nth-child(3) { transform: rotate(-45deg); top: 39px; left: 8px; }
    .masthead .logosec #mobileoptions .inner .search-toggle { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .masthead .logosec #mobileoptions .inner .search-toggle { color: #2ab9e4; font-size: 2em; }

    .masthead .main-top.auth .logosec #mobileoptions { width: calc((100% / 5) * 2) !important; }
    .masthead .main-top.auth .logosec #headerright { width: calc((100% / 5) * 3) !important; }
    .masthead .main-top.auth .logosec .section { margin: 0px; }
    .masthead .main-top.auth .logosec .widgboot { width: calc(100% / 3); }

    #headerright .fas { font-size: 1.8em; color: #2ab9e4; }
    #headerright .dw-xs-6 { height: 10px; }
    #headerright .right-opt { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    #headerright .right-opt .inner { display: inline-block; }
    #headerright .right-opt .inner strong, #headerright .right-opt .inner span { display: none; }
    #headerright .right-opt .inner a i { color: #2ab9e4; font-size: 2em; }
    #bulletslider .slide { position: relative; }
    #bulletslider .slide .slide-inner { position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 15px), -50%); }
    #bulletslider .slide .slide-inner.tp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    #bulletslider .slide .slide-inner .txt { color: rgb(15, 15, 15); font-size: 1.1em; line-height: 40px; text-transform: uppercase; position: relative; display: inline-block; font-weight: 700; }
    #bulletslider .slide .slide-inner .txt i { color: #26b9e4; font-size: 1.6em; position: absolute; left: -35px; top: 50%; transform: translateY(-50%); }
    #promovid .inner { position: relative; height: auto; padding-left: 0%; }
    #promovid .inner .vid { position: static; overflow: hidden; width: 100%; background-color: rgb(0, 0, 0); left: 0px; top: 0px; }
    #promovid .inner .vid .vid-inner { position: relative; padding-top: 56.25%; }
    #productaccordionview { padding-top: 50px; position: relative; margin-top: 15px; }
    #productaccordionview .tab { cursor: pointer; position: absolute; width: 33.333%; top: 0px; background-color: rgb(241, 241, 241); border-radius: 3px 3px 0px 0px; border-width: 3px 3px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image: initial; border-bottom-style: initial; border-bottom-color: initial; height: 50px; }
    #productaccordionview .tab.active { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(241, 241, 241); border-right: 1px solid rgb(241, 241, 241); border-left: 1px solid rgb(241, 241, 241); border-image: initial; border-bottom: none; }
    #productaccordionview .tab .inner-rel { width: 100%; height: 100%; }
    #productaccordionview .tab .inner-rel span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; font-weight: 700; font-size: 1.3em; color: rgb(0, 0, 0); }
    #productaccordionview .tab.active .inner-rel span { color: #26b9e4; }
    #productaccordionview #info.tab.active .inner-rel::before { content: ""; width: calc(100% + 1px); border-left: 1px solid rgb(241, 241, 241); position: absolute; top: 100%; left: -1px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #custom.tab.active .inner-rel::before { content: ""; width: 100%; position: absolute; top: 100%; left: 0px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #delivery.tab.active .inner-rel::before { content: ""; width: calc(100% + 1px); border-right: 1px solid rgb(241, 241, 241); position: absolute; top: 100%; right: -1px; height: 5px; background-color: rgb(255, 255, 255); }
    #productaccordionview #info { left: 0px; }
    #productaccordionview #custom { left: 50%; transform: translateX(-50%); }
    #productaccordionview #delivery { right: 0px; }
    #productaccordionview .tab-body { border: 1px solid rgb(241, 241, 241); border-radius: 3px; padding: 30px; display: none; min-height: 304px; }
    #productaccordionview .tab-body.active { display: block; background-color: #fff; }
    #stepsform #textpreview { height: 200px; margin: 15px 0px; }
    .checkoutrel .checkout-summary { position: static; margin-bottom: 10px; width: 100% !important; max-width: 100% !important; }
    .narrow-text-container { padding: 0px 15px; }
    #promovid.about { max-width: 630px; margin: 30px auto; }
    #promovid.about .container { max-width: 100%; }
    #promovid.about .inner .vid-txt { padding: 30px !important; }
    .navigation .mobile-options { background-color: rgb(236, 236, 236); }
    .navigation .mobile-options .dw-xs-6 { text-align: center; }
    .navigation .mobile-options #incvatswitch { margin: 0px auto; display: block; }
    .navigation .top-title a { min-width: 120px; cursor: pointer; display: inline-block; position: relative; padding: 15px 0px; font-size: 1.4em; color: #000; width: 78%; font-weight: 500; }
    .navigation .top-title a:hover { color: #2ab9e4 !important; }
    .navigation .top-title strong { display: block; position: relative; }
    .navigation .top-title i { color: #2ab9e4; transform: translateY(-50%); width: 50px; line-height: 50px; position: absolute; top: 50%; right: 0px; text-align: center; display: block; font-size: 1.4em; cursor: pointer; }
    .navigation .top-title i.open { transform: translateY(-50%) rotate(180deg); }
    .navigation .top-title a.open i { color: rgb(0, 0, 0); position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(180deg); }
    .navigation .top-title a:hover { /* color: rgb(0, 0, 0); */ }
    .navigation .sub-drop.container { overflow: hidden; transition: max-height 1s ease-in-out 0s; padding: 0px; width: 100% !important; }
    .navigation .sub-drop.container.mobile-open { height: auto; }
    .navigation .sub-drop.container.mobile-shut { height: 0px; }
    .navigation .sub-drop.container .subcat-title { display: block; padding: 15px 0px; cursor: pointer; font-size: 1.4em; color: #26b9e4; position: relative; font-weight: 100; }
    .navigation .sub-drop.container .subcat-title i { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); }
    .navigation .sub-drop.container .subcat-title.open i { transform: translateY(-50%) rotate(180deg); }
    .navigation .sub-drop.container .subcat-title:hover { color: rgb(0, 0, 0); }
    .mobile-options .dw-xs-6.currency-container { background-color: rgb(223, 223, 223); height: 30px; }
    .navigation strong, .navigation .subcat-title { border-bottom: 1px solid rgb(241, 241, 241); }
    #customiselogin { margin-top: 15px; }
    .product-boot-right .reposimg-lg-md { max-width: 350px; margin: 30px auto 0px; }
    .grecaptcha-badge { display: none; }
    .brands-menu-drop .cols { max-height: 200px; overflow-y: scroll; border: 1px solid #f1f1f1; border-top: none; }
    .brands-menu-drop a { font-weight: 500; display: block; padding: 15px 0px; color: rgb(0, 0, 0); cursor: pointer; font-size: 1.4em; }




    .basket .basket-add-custom-row .custom-link.add { max-width: 100%; margin-bottom: 10px; }

    .filter-options .sml-pad { width: 12.5%; }


    #filterForm { position: fixed; top: 0px; bottom: 0px; left: -100%; width: calc(100% - 60px); max-width: 360px; z-index: 9999; overflow: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
    #filterForm.open { left: 0px; }

    .filter-overlay { background-color: #000; display: none; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; opacity: 0; z-index: 9999; }

    .filter-overlay.open { opacity: 0.5; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

    .more-filters.closed { height: auto; }

    .filter-options { min-height: 100%; }

    .more-filters.open { height: auto; }

    .see-more { display: none; }

    .dw-md-3.filter { transform: none !important; }

    .product-topline { }
    .product-topline .sticker-boot { }
    .product-topline.has-brandimg .sticker-boot { padding: 20px 10px; }
    .product-topline.has-brandimg .prod-code-boot { padding: 20px 10px; line-height: 14px; }
    .product-topline.has-brandimg .prod-code-boot span { display: inline-block; float: right; }
    .product-topline.has-brandimg .prod-code-boot span strong { display: block; }


    .product-topline .brand-img-boot { text-align: center; }
    .product-topline .brand-img-boot a { width: auto; max-width: 70px; float: left; height: auto; max-height: 40px; }
    .product-topline .brand-img-boot a img { width: 100%; height: auto; }

    #footer .all-links { float: left !important; }

    #newsletterform .left { width: 100% !important; padding-bottom: 15px; }
    #newsletterform .center { width: 100% !important; }
    #newsletterform .right { width: 100% !important; padding-top: 25px; }



    .third-grid .row .cell .inner.no-bg .roundel { left: auto; right: 20px; bottom: 20px; transform: scale(0.8); }


    .iframe-form .logosec { margin-bottom: 15px; margin-top: 15px; height: auto; padding: 0px; }
    .iframe-form .logosec .block-link.basket { margin-top: 0px; text-align: right; }
    .iframe-form .logosec .right-opt { position: static !important; transform: none !important; }

    .related-products #slides .bx-controls-direction a { width: 30px; height: 30px; line-height: 30px; background-color: #fff; display: block; border-radius: 100%; font-size: 2em; box-shadow: 0px 0px 11px #00000026; }

    body.quicklayout .main { width: 100%; margin-left: unset; }
    body.quicklayout .sidebar { transform: translateX(-200%); transition: all 0.8s ease-in-out 0s; z-index: 10000; }
    body.quicklayout .sidebar.show { transform: translateX(0); width: 100vw; z-index: 10000; transition: all 0.8s ease-in-out 0s; }
    body.quicklayout .sidebar .outer > i { position: absolute; right: 20px; top: 25px; font-size: 2rem; color: #FFF; }

    body.quicklayout #headerright .right-opt .inner i { color: #2ab9e4; font-size: 1.8em; }
    body.quicklayout #headerright #baskwidg .right-opt .inner .ico { transform: unset; }
    body.quicklayout .customer-shop .welcome,
    body.quicklayout .customer-shop .welcome + .name { text-align: center; }
    body.quicklayout #headerright .right-opt .inner img { display: none; }
    #headerright #shopwidg { display: none; }

    body.quicklayout .masthead .topgrey { background-color: #253745; height: 10px; }
    body.quicklayout .masthead .logosec { justify-content: center; }
    body.quicklayout .masthead .logosec #mobileoptions .inner:has(.search-toggle) { display: flex; align-items: center; justify-content: center; }
    body.quicklayout .masthead .logosec #mobileoptions .inner .search-toggle { position: static; transform: unset; }
    body.quicklayout .masthead .main-top { transition: all 0.2s ease-out 0s; background-color: #253745; max-height: unset; padding-top: unset; width: 100%; }
    body.quicklayout .masthead .main-top.open-search { height: 220px; transition: all 0.2s ease-out 0s; }
    body.quicklayout .masthead .logosec #headerleft { position: initial; max-width: unset; height: unset; transform: unset; order: 1; flex-basis: 100%; }
    body.quicklayout .masthead .logosec #headerleft a { text-align: center; }
    body.quicklayout .masthead .logosec #headerleft a img { width: unset; max-width: 100%; }
    body.quicklayout .masthead .main-top.auth .logosec #mobileoptions { position: static; transform: unset; order: 2; flex-basis: 50%; display: flex; align-items: center; justify-content: flex-end; }
    body.quicklayout .masthead .logosec #headerright { position: static; transform: unset; order: 3; flex-basis: 50%; flex-basis: 50%; display: flex; align-items: center; }
    body.quicklayout .masthead .logosec #mobileoptions .inner { height: unset; width: unset; padding: unset; }
    body.quicklayout .masthead .logosec #mobileoptions .inner .navicon { position: static; transform: scale(0.5); }
    body.quicklayout #headercentre { order: 5; margin: unset; margin-top: 10px !important; width: 100%; }
    body.quicklayout #headerright .right-opt { position: static; transform: unset; }
    body.quicklayout #accowidg > a { width: fit-content; transform: unset; }
    body.quicklayout #accowidg.customer-shop, body.quicklayout #shopwidg.customer-shop-basket { width: fit-content; height: unset; }
    body.quicklayout #baskwidg.widgboot { height: unset; width: fit-content; }
    body.quicklayout #baskwidg.widgboot > a { margin-top: unset; }
    body.quicklayout #baskwidg.widgboot > a > .right-opt.cart { position: static; transform: unset; }
    body.quicklayout #headerright #baskwidg .right-opt .inner { padding-left: unset; }
    body.quicklayout .masthead .main-top.auth .logosec .section { width: fit-content; gap: 20px; }
    body.quicklayout .adminreports .account-menu#accountmenu { padding-top: 60px; padding-bottom: 60px; }
}

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

    .slide.prod-card .colour-opt-wrapper .wrap-outter { max-width: 120px; }

    .trustpilot-widget { display: none; }

    .custom-row .customs .custom-bx { width: calc(100% / 2); margin-bottom: 10px; }
    .basket .main form:first-child .btn { width: 190px; }
    .basket .col1 { width: 39%; }
    .basket .col2 { width: 17%; }
    .basket .col3, .basket .col4 { width: 16%; }
    .masthead #headerleft { text-align: center; }
    .masthead #headerleft a { display: inline-block; margin: 0px 0px; }
    .hidden-sm-inline { display: none !important; }

    .departments .dw-xs-2 { width: 33% !important; }

    #homepromodeals .promo-container { margin: 0px auto 15px; max-width: 375px; }
    #popularbrandslider .slides_container .slide { width: 240px !important; }
    #bestsellingslider .slides_container .slide { }
    #productprice .dw-xs-2 { width: 20% !important; }
    #basketsummary .section { margin: 0px !important; }
    #basketsummary .total-items { padding: 0px; width: 18% !important; }
    #basketsummary .price-per { width: 22%; padding: 0px; }
    #basketsummary .total { padding: 0px; width: 34% !important; }
    #basketsummary .add-btn { padding: 0px; width: 50% !important; float: right; }

    #largereviewbx .inner { height: auto; }
    #largereviewbx .inner #slides { width: 620px; margin: 0px auto; height: 250px; }
    #largereviewbx .inner #slides .slide { height: 100%; width: 310px !important; }
    #largereviewbx .inner #slides .slide .slide-inner .txt { height: 100px; }
    #largereviewbx .inner #slides .slide .slide-inner .title { font-size: 1.3em; }
    #largereviewbx .inner #slides .slide .slide-inner { padding: 20px 0px 0px 120px; }
    #stepsform .position-option { min-height: 235px; }
    .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 { margin-bottom: 50px; }
    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { top: 55px; left: 50%; transform: translate(-50%, 0%); }
    .point-tiles .tile .inner { min-height: 340px; margin-bottom: 30px; }

    .brand-col-view { -moz-column-count: 3; column-count: 3; -moz-column-gap: 80px; column-gap: 80px; }

    .basket .basket-add-custom-row, .basket .basket-customisation { }

    .step-one-options .option.template i { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); color: #26b9e4; font-size: 3em; }
    .step-one-options .option.template .inner strong { display: block; left: 69px; max-width: 440px; font-size: 1.2em; }

    .below-prod-image-usp .usp { padding: 50px 10px 10px 10px; text-align: center; }

    .below-prod-image-usp .usp i { top: 10px; left: 50%; transform: translate(-50%); }

    #accountmenu a strong { line-height: 1.2; height: 40px; }

    #bestsellingslider .bx-wrapper .bx-viewport { }
    #bestsellingslider .bx-wrapper { width: 100%; display: block; margin: 0 auto; }

    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: -300px; top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 337px; font-size: 1em; }
    .info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 311px; transform: translate(-50%, -50%) rotate(45deg); }



    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .r { width: calc((100% - 33%) / 2); }
    .third-grid .row.narrow--mid .m { width: 33%; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .r { width: calc((100% - 33%) / 2); }
    .third-grid .row.wide--mid .m { width: 33%; }

    .third-grid .row .cell .inner .title { font-size: 1.8em; width: 100%; margin-bottom: 20px; }

    .save--continue--custom .field--boot { width: 410px; padding-right: 6px; }
    .save--continue--custom .submit--boot { width: calc(100% - 410px); padding-left: 6px; }
    .packingform .summary { width: 300px; }
    .packingform .options { width: calc(100% - 300px); }
    .field-w-btn .editor-label { width: 100%; line-height: 1; }
    .field-w-btn .editor-label label { display: block; margin-bottom: 15px; }
    .field-w-btn .editor-field { width: calc(100% - 130px); }

    .person .bio .inner-rel .left { padding-right: 0px; }
    .person .bio .inner-rel .right { width: calc(100% - 220px); float: left; padding-left: 30px; padding-top: 30px; font-size: 1.5em; padding-left: 0px; }

    .masthead .topgrey .socials { display: none; }

    body.quicklayout .customer-shop .productlist .departments { grid-template-columns: repeat(3, 1fr); }
    body.quicklayout .customer-shop .productlist .departments.select { grid-template-columns: unset; }
    body.quicklayout .customer-shop .productlist .departments .department-block .range { max-width: 75%; }

    .price-list .item > .title a { font-size: 1rem; }
    .price-list .item > .title a.sml { font-size: 0.85rem; }
    .price-list .item > .title { font-size: 1rem; }
    .price-list .item > .title:has(a.sml) { font-size: 0.85rem; }

    body.quicklayout .account-menu .credit-limit .heading { font-size: 1.5rem; font-weight: 900; }
    body.quicklayout .account-menu .credit-limit .data { font-size: 1.25rem; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 0; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 0; font-size: 1rem; }
}

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

    /*.productlist .mobile-read-more { display:none; }
    .productlist .short { display:none !important; }
    .productlist .long { display:block !important; }*/
    .st-it .it-inf .body .title { display: none; }
    #homeslides .bx-viewport { }

    .all-links .w--custompages .dw-sm-3 { width: 20%; }
    .all-links .w--custompages .dw-sm-6 { width: 40%; }
    .basket .row .col1 { float: left; padding: 0px; }
    .basket .row .col2 { float: left; text-align: center; }
    .basket .row .col3 { float: left; text-align: center; }
    .basket .row .col4 { float: left; text-align: center; }
    .basket .row.regular .col1 span { margin-top: 9px; display: inline-block; }
    .basket .row.regular .col3 strong, .basket .row.regular .col4 strong { line-height: 40px; }
    .basket .total { max-width: 300px; float: right; }
    .basket .main form:first-child .btn { float: left; margin-right: 15px; }
    .rounds .dw-sm-4 { z-index: 2; }

    #footer .footerbtm { margin-top: 10px; }
    #footer .footerbtm span { line-height: 20px; }
    #footer .footerbtm .left { text-align: left; }
    #footer .footerbtm .right { text-align: right; }
    #homeslides .slide .mobile { display: none; }
    #homeslides .slide img { width: 100%; height: auto; min-width: 1900px; }
    #stepsform #textpreview { }
    #twotab .body .delivery-bullet { }
    #twotab .body .delivery-bullet .bullet-inner { padding: 30px 0px 30px 320px; }
    #catlistingslides .slide { margin: 0px auto 15px auto; }
    #footer .all-links .links .drop-top i { display: none; }
    .home-tab-view .tabs .tab-section .tab.shut { padding: 0px 8px; transform: translateY(6px); }
    .home-tab-view .tabs .tab-section .tab.shut .inner { text-align: center; background-color: #efefef; line-height: 45px; color: #26b9e4; }
    .home-tab-view .tabs .tab-section .tab.shut .inner span { font-weight: bold; color: #26b9e4; }

    .home-tab-view .tabs .tab-section .tab.open { padding: 0px 8px; }
    .home-tab-view .tabs .tab-section .tab.open .inner { margin-bottom: -1px; border: 1px solid #efefef; padding-top: 5px; border-bottom: 1px solid #fff; text-align: center; background-color: #fff; line-height: 45px; color: #26b9e4; }
    .home-tab-view .tabs .tab-section .tab.open .inner span { font-weight: bold; color: #000; }

    .home-tab-view .tabs .tab-section .tab .inner { cursor: pointer; }
    .home-tab-view .tabs .tab-section .tab .inner span { font-size: 1.3em; }
    .packingform .summary { float: right; }

    .top-bar-left { width: 250px; }
    .top-bar-right { width: calc(100% - 250px); }

    .price-list .item > .section > .inner { display: grid; grid-template-columns: repeat(5, 1fr); }
}

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

    #delivery #delivery-options .delivery-opt { flex-direction: column; grid-gap: 10px; }

    .order-block .max-w-920 > div { width: 50%; margin-bottom: 5px; }

    .department-menu .department-block .inner { display: flex; padding: 15px; align-items: center; }
    .department-menu .department-block .inner .namecontainer { padding: 0px 15px 0px 0px; width: 100px; }
    .department-menu .department-block .inner .title { display: block; width: calc(100% - 100px); text-align: left; }
    .department-menu .department-block .inner .namecontainer img { margin: 0px; max-width: 100%; }
    .department-menu .menu { max-width: 400px; }


    .masthead .trustpilot-widget { position: static !important; transform: none; }

    .field-right-action { max-width: 300px; margin: 0 auto; }
    .field-right-action .field { width: 100%; float: left; }
    .field-right-action .action { width: 100%; float: right; }
    body.quicklayout .report-breakdown form > .field-right-action { margin: unset; max-width: unset; }

    #basketsummary .add-btn.dw-xs-12 { padding-top: 15px; clear: both; }
    .custom-row .customs .custom-bx { width: calc(100% / 2); margin-bottom: 10px; }
    .related-products #slides .bx-controls-direction .fa-angle-left { left: -5px; }
    .related-products #slides .bx-controls-direction .fa-angle-right { right: -5px; }
    .about-us-bg .vid-container { position: static; max-width: 590px; width: 100%; margin: 15px auto; transform: none; }
    .about-us-bg .vid-container .inner-rel { padding-top: 56.25%; position: relative; }
    .product-mobile-showmore { background-color: #E9E9E9; display: block; width: calc(100% - 20px); margin: 15px auto; text-align: center; color: #393536; font-size: 18px; font-weight: 600; padding: 10px; cursor: pointer; border: 1px solid #DBDBDB; border-radius: 3px; }
    .product-mobile-showmore:hover { background-color: #DBDBDB; }

    .product-mobile-showmore.colours { width: 100%; }

    .container.terms-txt { padding: 0px 30px; }

    .product-mobile-showmore.closed .open-txt { display: none; }
    .product-mobile-showmore.closed .closed-txt { display: block; }
    .product-mobile-showmore.open .open-txt { display: block; }
    .product-mobile-showmore.open .closed-txt { display: none; }

    .prod-colour-picker .colour-list.drop.section { overflow: hidden; }
    .prod-colour-picker .colour-list.drop.closed.section { height: 40px; }
    .prod-colour-picker .colour-list.drop.open.section { height: auto; }

    .blank-prices.drop .section { overflow: hidden; }
    .blank-prices.drop.closed .section { height: 150px; }
    .blank-prices.drop.open .section { height: auto; }

    .workPanel .size-list.drop { overflow: hidden; }
    .workPanel .size-list.drop.open { height: auto; }
    .workPanel .size-list.drop.closed { height: 291px; }


    .home-tab-view { max-width: 500px; margin: 0 auto; }
    .home-tab-view .tab-section { width: 100%; border: 1px solid; margin: 0 auto !important; overflow: hidden; }
    .home-tab-view .tab-section.mob-open { max-height: 100vh; }
    .home-tab-view .tab-section.mob-shut { max-height: 50px; }
    .home-tab-view .tab-section .active-tab { cursor: pointer; padding: 0px 15px; line-height: 50px; font-weight: 700; font-size: 1.5em; border-bottom: 1px solid; }
    .home-tab-view .tab-section .active-tab:hover i { color: #26b9e4; }
    .home-tab-view .tab-section.mob-open .active-tab .inner i { line-height: 50px; float: right; display: inline-block; }
    .home-tab-view .tab-section.mob-shut .active-tab .inner i { line-height: 50px; float: right; display: inline-block; transform: rotate(180deg); }
    .home-tab-view .tab-section .tab { width: 100% !important; float: none !important; }
    .home-tab-view .tab-section .tab .inner { background-color: #fff !important; line-height: 50px; padding-left: 15px; font-size: 1.5em; cursor: pointer; }
    .home-tab-view .tab-section .tab .inner:hover span { color: #26b9e4; }

    .mobile-readmore-closed { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }




    #bestsellingslider .slide .slide-txt a { font-size: 1.15em; }
    .basket .noitems .btn { margin: 0px auto 20px; }
    .basket .total { margin-top: 15px; }
    .basket .total .headrow { padding: 10px; }
    .basket .row.headrow { background-color: rgb(255, 255, 255); }
    .prod-listing .slide .slide-txt .price span.from { display: block; }
    .basket .row.regular .col1 { padding: 0px; width: 100%; min-height: 100px; float: none; margin-bottom: 15px; }
    .basket .row .col2 { width: 55%; float: left; text-align: left; padding-left: 15px; }
    .basket .row .col2 span.col { float: left; line-height: 40px; }
    .basket .row .col2 input { margin: 0px 0px 0px 5px; height: 40px; line-height: 40px; float: left; }
    .basket .row .col3 { clear: both; }
    .basket .row .col4 { width: 45%; float: right; text-align: right; line-height: 40px; height: 40px; padding-right: 15px; }
    .basket .row .col4 span.col { display: inline-block !important; }
    .basket .total .headrow.row { display: block; }
    .basket .total .row .full { line-height: 20px; padding: 10px 15px; text-transform: capitalize; }
    .basket .total .mobile-support .row:last-child { border-top: 1px solid rgb(215, 215, 215); }
    .basket .total .row .right { padding-right: 15px; }
    .basket .total .row .left { padding-left: 15px; }
    .basket .btn.grey { margin-left: 0px; margin-top: 10px; }
    .basket .checkoutprices .btn { max-width: 100%; }
    .basket .desc { position: relative; padding: 5px 15px 15px !important; }
    .basket .desc .title { display: inline-block; width: calc(100% - 180px); }
    #basket .btn { margin-right: 15px; }
    #discountform { margin-top: 15px; }
    #loginform { margin-top: 15px; }
    #discountform .editors .text-box { padding: 10px; width: calc(100% - 100px); }
    #discountform .editors .submit { position: absolute; top: 0px; right: 0px; width: 85px; }
    .index-info { margin: 15px 0px 0px !important; }


    #footer .footerbtm { margin-top: 60px; }
    #footer .footerbtm .left { margin-bottom: 15px; }
    #footer .footerbtm .left, #footer .footerbtm .right { text-align: center; }
    #footer .links { }
    #footer { padding: 50px 30px 0px; }
    #questionscall { background-color: #26b9e4; text-align: center; padding: 25px 15px; }
    #questionscall .txt { position: relative; display: inline-block; margin: 0px auto; color: rgb(255, 255, 255); font-size: 1.4em; padding-left: 0px; }
    #questionscall .txt strong { display: block; font-size: 1.8em; margin-top: 15px; }
    #questionscall .txt img { position: static; transform: none; }
    .masthead .topgrey { height: 30px; padding-top: 5px; border-top: 5px solid #26b9e4; }
    #homepromodeals .promo-container { margin-bottom: 15px; }
    #homepromodeals .promo-container.stripebg::before { height: 300%; width: 100%; left: 20%; top: -50px; transform: rotate(45deg); background: repeating-linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255) 5px, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 15px); z-index: 1; }
    #popularbrandslider { width: 600px; margin: 0px auto; }
    #popularbrandslider .container { margin: 0px; padding: 0px; }
    #popularbrandslider .slide { width: 600px; }
    #bestsellingslider { margin: 0px auto; }
    #bestsellingslider .container { margin: 0px; padding: 0px; }
    #bestsellingslider .slide { width: 290px !important; }
    #promovid .inner .vid-txt { padding: 15px; }
    #basketsummary .total { margin: 15px 0px; }
    #productprice { }
    #productprice .dw-xs-2 { margin: 7px 0px; width: 100% !important; }
    #productprice .price { position: relative; text-align: left !important; }
    #productprice .price strong { position: absolute; top: 48%; right: 20px; transform: translateY(-50%); line-height: 1; }
    #productprice .price strong.no-percent { right: 20px !important; }
    #productprice .price span { position: absolute; top: 50%; transform: translateY(calc(-50% + 8px)); right: 111px; }
    #newsletterform .left { margin: 8px 0px; width: 100% !important; }

    #largereviewbx .inner { max-width: 400px; height: auto; margin: 0px auto; }
    #largereviewbx .inner #slides { width: 320px; margin: 0px auto; height: 260px; }
    #largereviewbx .inner #slides .slide { height: 100%; width: 320px !important; }
    #largereviewbx .inner #slides .slide .slide-inner .txt { height: 100px; }
    #largereviewbx .inner #slides .slide .slide-inner .title { font-size: 1.3em; }
    #largereviewbx #slides .bx-controls-direction a { display: none; }
    #largereviewbx .inner #slides .slide .slide-inner { padding: 120px 0px 0px; }
    #largereviewbx .inner #slides .slide .slide-inner img { top: 0px; left: 0px; transform: none; }
    #largereviewbx .inner #slides .slide .slide-inner .title { top: 30px; position: absolute; left: 120px; }
    #largereviewbx .inner #slides .slide .slide-inner .stars { top: 65px; position: absolute; left: 120px; }
    #homeslides .slide .desktop { display: none; }
    #homeslides .slide { text-align: center; }
    #homeslides .slide img { width: 100%; height: auto; min-width: 1900px; }
    .topbanner .inner-container { position: relative; padding: 15px; width: 100%; max-width: 1040px; transform: none; text-align: center; color: rgb(255, 255, 255); font-size: 1.2em; left: 0px; z-index: 10; }
    #stepsform .app-methods .app-select { margin: 8px 0px; }
    #stepsform .image-warning { border: 2px solid #26b9e4; border-radius: 3px; padding: 110px 10px 10px; position: relative; margin-bottom: 15px; }
    #stepsform .image-warning img { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); max-width: 90%; height: auto; }
    #stepsform .image-warning strong { margin: 10px 0px; }
    .masthead #search { width: calc(100% - 30px); }
    .masthead #search .main-results { padding: 15px; }
    .masthead #search .result-categories { padding: 15px 15px 90px 15px; }
    .step-one-options .option#new .inner strong { top: 25px; }
    .step-one-options .option#new .inner span { right: auto; top: 50px; left: 100px; }
    #twotab .body .delivery-bullet .bullet-inner { padding: 30px 0px 30px 295px; }
    #customiselogin { text-align: center; }
    #customiselogin a { position: static; display: block; margin: 30px auto 0px; }
    .ok.green { text-align: center; }
    .ok.green a { color: rgb(21, 202, 123); display: block; position: static; text-align: center; margin-top: 15px; transform: none; background-color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 3px; border: 1px solid rgb(255, 255, 255); }
    .ok.green a:hover { color: rgb(255, 255, 255); background-color: rgb(21, 202, 123); }
    #basket .update { line-height: 40px; margin-left: 15px; }
    .checkoutprices .headrow { padding-top: 15px; }
    .basket .remove { right: 15px !important; }
    #homeslides .bx-controls-direction .fa-angle-left { left: -10px; }
    #homeslides .bx-controls-direction .fa-angle-right { right: -10px; }
    .mini-table .head { border-radius: 0px !important; }
    .point-tiles .tile .inner { min-height: 40px; padding: 20px 20px 50px 20px; margin-bottom: 30px; }
    .basket .basket-add-custom-row .add-existing { display: block; margin-bottom: 5px; }
    .basket .basket-add-custom-row .add-existing span { display: inline; }
    .basket .basket-add-custom-row .add-existing .or { margin: 0px 5px 0px 0px; }
    .basketadded .added-inner .total { text-align: left !important; font-size: 1.6em; color: #000; }
    .step-one-options .option.template .inner { padding: 15px; }
    .step-one-options .option.template i { position: static; transform: none; display: block; text-align: center; }
    .step-one-options .option.template .inner strong { display: block; position: static; transform: none; margin: 15px auto; text-align: center; }
    .step-one-options .option.template .template-btn { text-align: center; background-color: #26b9e4; display: block; padding: 10px 30px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 3px; position: static; transform: none; }
    .step-one-options .option.template:hover .template-btn { background-color: #000; }

    #delivery #delivery-options .delivery-opt { height: auto; padding: 15px; }
    #delivery #delivery-options .delivery-opt span { position: static; transform: none; }
    #delivery #delivery-options .delivery-opt .description { display: block; margin: 15px 0px; text-align: center; }
    #delivery #delivery-options .delivery-opt .price { float: right; }



    .block.option.template.chosen .inner { padding: 15px; }
    .block.option.template.chosen .inner .image { width: 80px; height: 80px; position: static; top: 50%; transform: none; left: 10px; display: block; margin: 0px auto 30px auto; }
    .block.option.template.chosen .inner .title { display: inline-block; font-size: 1.1em; margin-right: 5px; font-weight: bold; }
    .block.option.template.chosen .txt { margin-bottom: 30px; text-align: center; }
    .block.option.template.chosen .inner .price { display: inline-block; font-size: 1.1em; color: #26b9e4; font-weight: bold; }
    .block.option.template.chosen .inner h2 { margin: 0px 0px 10px 0px; font-size: 1.4em; }
    .product-topline { }

    .masthead #search .category-container { max-height: 200px; overflow-y: auto; }
    #search .main-results { min-height: 10px; }
    #search .main-results .product-results { min-height: 10px; max-height: 235px; overflow-y: auto; }

    .masthead #search .section.rel .result-pages .inner-rel { text-align: center; padding: 15px 15px 40px 15px; }
    #search .result-pages .inner-rel .search-paging { right: 0px; left: 0px; top: 35px; transform: translateY(0px); }

    #footer .all-links .links { overflow: hidden; margin-bottom: 20px; }
    #footer .all-links .links .drop-top strong:before { display: none; }
    #footer .all-links .links .drop-top strong { margin: 0px; font-weight: 600; font-size: 1.4em; }
    #footer .all-links .links .drop-top { cursor: pointer; border-bottom: solid 1px #fff; position: relative; padding: 10px 0px; margin-bottom: 20px; }
    #footer .all-links .links .drop-top i { position: absolute; top: calc(50% ); right: 0px; transform: translateY(-50%); color: #26b9e4; font-size: 1.8em; }
    #footer .all-links .links.open .drop-top i { transform: translateY(-50%) rotate(180deg); }
    #footer .all-links .links.closed { height: 40px; }

    #footer .intouch { padding-top: 60px; }

    #bestsellingslider .bx-wrapper { width: 100%; display: block; margin: 0 auto; }
    #bestsellingslider .bx-wrapper .bx-viewport { min-height: 455px; }


    #footer .all-links { width: 100% !important; }


    .save--continue--custom .nextstep { margin-top: 15px; }

    .departments .dw-xs-2 { width: 50% !important; }
    .departments .department-block { margin-bottom: 15px; }
    .departments .department-block .range { width: calc(100% - 30px); }
    .departments .department-block.selected:before { display: none !important; }

    .packingform .summary { width: 100%; margin-bottom: 15px; }
    .packingform .summary .row { width: 50%; float: left; }

    .packingform .options { width: 100%; }
    .field-w-btn .editor-label { width: 100%; line-height: 1; }
    .field-w-btn .editor-label label { display: block; margin-bottom: 15px; }
    .field-w-btn .editor-field { width: calc(100% - 130px); }

    .center-xs { text-align: center; }
    .center-xs .btn { display: inline-block; width: 100%; float: none; }
    .quote--form .btn { margin-top: 25px !important; }
    .mobile-options { }
    .mobile-options .dw-xs-6 { padding: 0px; }
    .mobile-options .left { background-color: #ECECEC; }
    .mobile-options .right { background-color: #DFDFDF; }
    .mobile-options .langBar { background-color: transparent; }

    #newsletterform .form-field { height: auto; max-width: 250px; margin: 0 auto; }
    #newsletterform .form-field .fields { width: 100%; float: none; }
    #newsletterform .form-field .fields input { font-size: 1.1em; border: none; border-radius: 2px; padding: 17px; width: 100%; float: none; margin-bottom: 15px; }
    #newsletterform .form-field .fields .dw-xs-4 { width: 100% !important; padding: 0px !important; }
    #newsletterform .form-field .fields .section { margin: 0px; }
    #newsletterform .form-field .form-submit { width: 100%; float: none; text-align: center; }
    #newsletterform .form-field .form-submit button { float: none; margin: 0 auto; width: 100%; }

    .newsletter-form .field-validation-error { width: 100%; position: static; transform: none; display: block; margin-top: -10px; margin-bottom: 15px; }

    .st-it .it-inf { border: none; }
    .st-it .it-inf .head { display: none !important; }
    .st-it .it-inf .body .row { border: 1px solid #c1c1c1; background-color: #fff !important; margin-bottom: 15px; border-radius: 3px; padding: 15px; }
    .st-it .it-inf .body .row .boot { width: 100%; text-align: left; }
    .st-it .it-inf .body .row .boot.col2 .title { font-weight: 700; margin-bottom: 5px; display: block; }
    .st-it .it-inf .body .row .boot.col3 .title { font-weight: 700; margin-bottom: 5px; display: block; }
    .st-it .it-inf .col1 .cent-vert { justify-content: flex-start; align-items: flex-start; }
    .st-it .col1 { font-weight: 700; }
    .st-it .col2 { width: 50% !important; padding-bottom: 10px; }
    .st-it .col3 { width: 50% !important; padding-bottom: 10px; }
    .st-it .col4 { max-width: 250px; padding-bottom: 10px; }

    .price-list .item > .title { flex-direction: column; }
    .price-list .item { margin-bottom: 15px; }

    body.quicklayout .adminreports .account-menu#accountmenu .section > div > a { width: unset; height: 290px; gap: 20px; }
    body.quicklayout .adminreports .account-menu#accountmenu .section > div > a strong { font-size: 1.25rem; }
    body.quicklayout .adminreports .account-menu#accountmenu .section > div > a i { height: 50px; transform: translateY(-10px); }

    body.quicklayout .account-menu .credit-limit .heading { font-size: 1.5rem; font-weight: 900; padding: 15px 10px; }
    body.quicklayout .account-menu .credit-limit .data { font-size: 1.125rem; text-align: left; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:first-of-type { padding: 5px 10px; }
    body.quicklayout .account-menu .credit-limit .data > div > .section > span:last-of-type { padding: 10px 10px; font-size: 1rem; }
}



@media screen and (max-width: 767px) and (min-width: 500px) {
    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .m { width: calc((100% / 2)); }
    .third-grid .row.narrow--mid .r { width: 100%; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .m { width: calc((100% / 2)); }
    .third-grid .row.wide--mid .r { width: 100%; }
    .third-grid .row .cell .inner .title { font-size: 1.8em; width: 100%; margin-bottom: 20px; }

    body.quicklayout .customer-shop .productlist .departments { grid-template-columns: repeat(2, 1fr); }
    body.quicklayout .customer-shop .productlist .departments .department-block .range { max-width: 80%; }
    .price-list .item > .section > .inner { display: grid; grid-template-columns: repeat(4, 1fr); }
    .price-list .item > .title a { font-size: 1rem; }
    .price-list .item > .title a.sml { font-size: 0.8rem; }
    .price-list .item > .title { font-size: 1rem; }
    .price-list .item > .title:has(a.sml) { font-size: 0.8rem; }
}

@media screen and (max-width: 767px) and (min-width: 701px) {
    .brand-col-view { -moz-column-count: 3; column-count: 3; -moz-column-gap: 80px; column-gap: 80px; }
    #bestsellingslider .bx-wrapper .bx-viewport { }
}

@media screen and (max-width: 700px) and (min-width: 651px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }

    .brand-col-view { -moz-column-count: 2; column-count: 2; -moz-column-gap: 80px; column-gap: 80px; }

    .prod-colour-picker .dw-xs-1 { width: 10%; }
    .person .bio .inner-rel .left { width: 220px; }
    .person .bio .inner-rel .right { width: calc(100% - 220px); float: left; padding-left: 30px; padding-top: 30px; font-size: 1.5em; }
}

@media screen and (max-width: 650px) {
    #popularbrandslider, #bestsellingslider { width: 475px; margin: 0px auto; }
    #homeslides .bx-controls-direction .fa-angle-left { left: 0px; }
    #homeslides .bx-controls-direction .fa-angle-right { right: 0px; }
    .person .bio .inner-rel .left { width: 100% !important; float: none; padding: 15px 10px; text-align: center; }
    .person .bio .inner-rel .left .socials a { margin: 20px 10px; }
    .person .bio .inner-rel .right { width: 100% !important; float: none; padding-left: 0px; padding-top: 30px; font-size: 1.5em; padding: 10px; }
    .person .bio .inner-rel .close { top: 15px; right: 15px; }
    .custom-row .customs .custom-bx { width: 50%; margin-bottom: 10px; }
    body.quicklayout .quiklogin #loginform { margin-top: 20px; }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width: 650px) {
    body.quicklayout .quiklogin .specialhead > img { width: 50vw; margin-bottom: 0; }
    body.quicklayout .quiklogin #loginform .editor-field.submit a.btn { font-size: 1.125rem; max-width: 100%; }
    body.quicklayout .quiklogin #loginform input { font-size: 1.125rem; }
    body.quicklayout .quiklogin #loginform .forgot a { font-size: 1.125rem; }
}

@media screen and (max-width: 767px) and (min-width: 450px) {
    .info-tooltip .inner-rel .tooltip-dropout { display: none; position: absolute; left: -300px; top: calc(100% + 9px); background-color: rgb(0, 0, 0); border-radius: 3px; min-width: 337px; font-size: 1em; z-index: 99; }
    .info-tooltip .inner-rel .tooltip-dropout .inner-rel::before { width: 10px; height: 10px; content: ""; position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 180px; transform: translate(-50%, -50%) rotate(45deg); }

    .info-tooltip .inner-rel .tooltip-dropout.short { min-width: 0px; width: 200px; left: auto; right: -7px; }
}

@media screen and (max-width: 700px) {
    #popularbrandslider, #bestsellingslider { width: 486px; margin: 0px auto; }
    #paymentform { padding: 30px 30px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 3px; max-width: 590px !important; width: calc(100% - 30px); margin-top: 60px; }
}

@media screen and (max-width: 650px) and (min-width: 601px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    .brand-col-view { -moz-column-count: 2; column-count: 2; -moz-column-gap: 80px; column-gap: 80px; }
    .prod-colour-picker .dw-xs-1 { width: 10%; }
}

@media screen and (min-width: 600px) {
    .title-w-action { position: relative; }
    .title-w-action .btn { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
}

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

    .added-success-msg { flex-direction: column; gap: 15px; }
    .added-success-msg .btn { width: 100%; max-width: 300px; }


    #popularbrandslider, #bestsellingslider { width: 434px; margin: 0px auto; }
    #twotab .tabs .tab { width: 156px !important; }
    #twotab .body .delivery-bullet .bullet-inner { padding: 30px 0px 30px 70px; }
    #twotab .body .delivery-bullet i { left: 15px; }
    #twotab .body .delivery-bullet strong { position: static; display: block; }
    .delivery-bullet .long-description { width: calc(100% - 30px) !important; }
    #homeslides .bx-controls-direction .fa-angle-left { display: none; }
    #homeslides .bx-controls-direction .fa-angle-right { display: none; }
    #homeslides { margin: 0px -10px; }
    .basket .desc .edit-remove .edit { margin-right: 10px; }

    #accountmenu a strong { display: block; font-size: 1.2em; height: 40px; line-height: 1.2; }

    #bestsellingslider .slide .slide-txt .price { min-height: 66px; }

    .table.department-breakdown .head { display: none; }
    .table.department-breakdown .row { flex-wrap: wrap; }
    .table.department-breakdown .row .sml { display: inline-block; font-weight: 700; }
    .table.department-breakdown .row > * { text-align: left; width: 50%; }
    .table.department-breakdown .foot .row > * { width: 50%; }

    .table.department-breakdown .hide-sm { display: none; }

    body.quicklayout .report-wrapper { gap: 30px; margin: 50px 0; }
    body.quicklayout .report-wrapper > div:first-of-type { height: auto !important; width: unset !important; }
    body.quicklayout .report-wrapper canvas { max-width: 90vw; width: unset; height: auto !important; margin: auto; }
    body.quicklayout .report-wrapper .report-table { display: block; max-width: 90vw; overflow: auto; }
    body.quicklayout .report-wrapper .report-table.nested .full-spend-breakdown { margin-top: 30px; }
}

@media screen and (max-width: 600px) and (min-width: 501px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    .brand-col-view { -moz-column-count: 2; column-count: 2; -moz-column-gap: 80px; column-gap: 80px; }
    .prod-colour-picker .dw-xs-1 { width: 10%; }
}

@media screen and (min-width: 550px) {
    .product-topline .repos-sticker { display: inline-block; transform: translateY(20px); }
    #catlistingslides .slide { margin: 0px auto 15px auto; }
}

@media screen and (min-width: 560px) and (max-width: 1229px) {
    body.quicklayout .orders-row .order-block .order > div > .flx-bx > .flx-bx { gap: 10px; }
    body.quicklayout .orders-row .order-block .order > div > .flx-bx > .flx-bx > * { flex-basis: 45%; }
}

@media screen and (max-width: 559px) {
    body.quicklayout .orders-row .order-block .order > div > .flx-bx { flex-direction: column; }
    body.quicklayout .orders-row .order-block .order > div > .flx-bx > .flx-bx { flex-direction: column; }
}

@media screen and (max-width: 544px) {
    #homeslides .bx-viewport { }
    .custom-row .customs .custom-bx { width: 100%; margin-bottom: 10px; }
    .row-head .title { font-size: 1em; }
    .row-head .title img { max-width: 35px; }
    .hide-xxs { display: none; }
}

@media screen and (min-width: 500px) {
    body.quicklayout .report-breakdown .no-data { font-size: 1.5rem; }
}

@media screen and (max-width: 500px) {
    .hover-colour-title { display: none !important; }
    .slide.prod-card .colour-opt-wrapper .wrap-outter { max-width: 120px; }

    .blog-feed .blogpost { padding: 0px 10px; width: 100%; }
    .departments .dw-xs-2 { width: 100% !important; }
    .department-block { margin-bottom: 15px; }
    .third-grid .row .cell .inner .title { font-size: 2.00em; width: 100%; line-height: 1.2; max-width: 255px; }
    .third-grid .row .cell .inner { position: relative; }
    .third-grid .row .cell .inner .btn .inner-rel { padding: 0px 25px !important; }
    .third-grid .row .cell .inner .btn .inner-rel .text { text-transform: uppercase; line-height: 35px; font-size: 1em; }

    #bestsellingslider #slides .bx-controls-direction a { }
    #popularbrandslider, #bestsellingslider { width: calc(100% - 20px); margin: 0px auto; }
    .app-select.arrow { }
    .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 { margin-bottom: 50px; }
    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { top: 55px; left: 50%; transform: translate(-50%, 0%); text-align: center; }
    .slide .slide-inner .img-container #sticker { top: 0px; bottom: auto; }
    .mobile-full-boot { width: 100% !important; }

    .mini-table.full .head { height: 68px; }

    .brand-col-view { -moz-column-count: 1; column-count: 1; -moz-column-gap: 80px; column-gap: 80px; }
    .brand-col-view .a-z-split { padding: 30px 0px 10px 0px; }

    .popup#predefinedtemplatespop .pophead i { display: inline-block; color: #26b9e4; font-size: 2.2em; margin: 20px 10px 20px 20px; }
    .popup#predefinedtemplatespop .pophead h2 { display: inline-block; color: #000; font-size: 1.5em; margin: 0px; line-height: 40px; transform: translateY(-0px); }
    .popup#predefinedtemplatespop .dw-xs-6 { width: 100% !important; }
    #accountmenu a strong { display: block; font-size: 1.1em; height: 40px; line-height: 1.2; }

    .message-box.coupon { }
    .message-box.coupon span { display: block; text-align: center; }
    .message-box.coupon .btn { display: block; width: 100%; float: none !important; }

    .third-grid .row.narrow--mid .l, .third-grid .row.narrow--mid .m, .third-grid .row.narrow--mid .r { width: 100%; }
    .third-grid .row.wide--mid .l, .third-grid .row.wide--mid .m, .third-grid .row.wide--mid .r { width: 100%; }

    #newsletterform .form-field input { width: 100%; margin-bottom: 10px; }
    #newsletterform .form-field button { width: 100%; margin-top: 15px; }

    .third-grid .row .cell .inner.no-bg .roundel { left: 55%; right: auto; bottom: 20px; transform: scale(0.8); }

    .third-grid .row .cell .inner .text { display: none; }
    .third-grid .row .cell .inner { min-height: 190px; }


    .prod-listing .slide .slide-txt a { min-width: 55px; }

    #homeslides .slide img { min-width: 500px; }
    .person .bottom { font-size: 0.8em; min-height: 80px; }
    .person { margin: 30px auto 0px; }

    .third-grid .row .cell .inner .contents { min-height: 190px; }

    .container { padding: 0px 15px; }
    .logo-spread img { width: 32%; max-width: 50%; display: none; margin: 0px 15px; }
    .logo-spread img:nth-child(2) { display: inline-block !important; }
    .logo-spread img:nth-child(3) { display: inline-block !important; }

    .blogpost { display: none; }
    .blogpost.post-0 { display: block !important; }

    .ret-pass-form .btn { max-width: 126px; font-size: 13px !important; }

    body.quicklayout .customer-shop .welcome { font-size: 3rem; }
    body.quicklayout .customer-shop .welcome + .name { font-size: 1.5rem; margin-bottom: 20px; }
    body.quicklayout .customer-shop .productlist #listing-prods .prod-listing > .dw-xs-6 { width: 100%; }
    body.quicklayout .customer-shop .productlist #listing-prods .prod-listing > .dw-xs-6 > .prod-card { max-width: unset; }
}

@media screen and (max-width: 500px) and (min-width: 451px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    .filter-options .sml-pad { width: 12.5% !important; }
    .app-select.arrow img { width: 50px; height: auto; }
    .app-select.arrow .check { right: 30px !important; }

    .prod-colour-picker .dw-xs-1 { width: 12.5%; }

    .info-tooltip { top: 10px; right: 10px; }
}

@media screen and (max-width: 499px) {
    .price-list .item > .section > .inner { display: grid; grid-template-columns: repeat(2, 1fr); }
    body.quicklayout .report-breakdown .no-data { font-size: 1.25rem; }
}

@media screen and (max-width: 450px) {
    #catlistingslides .slide .overlay-text { }
    #catlistingslides .slide .btn { min-height: 54px; position: relative; display: block; }
    #catlistingslides .slide .btn span { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .packingform .summary .row { width: 100%; float: none; }

    .social-roundels a { margin: 3px; }

    #product #pricing .size-selection-container { gap: 10px; }
    #product #pricing .size-selection-container > .size-opt { max-width: 100%; }
}

@media screen and (max-width: 450px) {
    .index-info { height: auto; padding: 15px; }
    .index-info .inner-txt { position: static; transform: none; }
    #popularbrandslider, #bestsellingslider { width: calc(100% - 20px); margin: 0px auto; }
    .step-one-options .option#new .inner span { font-size: 0.95em; }
    #bestsellingslider .slide .slide-inner .img-container span.bs-tag { display: inline-block; position: absolute; bottom: auto; top: 0px; left: 0px; }
    #bestsellingslider .slide .slide-inner .img-container span.colour-tag { display: inline-block; position: absolute; bottom: 0px; right: auto; left: 50%; transform: translateX(-50%); width: 100%; }
    .left-right-feature .feature.orange .mini-table .dw-xs-4 { font-size: 0.6em; }
    #paymentform img { display: none; }
    .sml-mob-full { width: 100% !important; }
    .basket .desc .edit-remove .edit { margin-right: 30px; }

    .size-opt .size-quantity-editor { width: 90px !important; }
    .size-opt .stock-count { right: 120px !important; }

    .prod-listing .slide .slide-txt a { font-size: 1.1em; }
    .prod-listing .slide .slide-txt .star-review a { font-size: 0.90em; margin-left: 0px; padding: 0px; }
    .prod-listing .slide .slide-txt .star-review i { font-size: 0.9em; }
    .basket .row .col4 { width: 100%; }
    .basket .row .col2 { width: 100%; }
    .prod-list-top select { width: 100%; margin-top: 15px; }

    .dw-xs-6.method-boot .app-select { height: 120px !important; }
    #stepsform .app-methods .method-boot .app-select img { position: absolute; left: 50%; top: 15px; transform: translateX(-50%); }
    #stepsform .app-methods .method-boot .app-select .check { left: 15% !important; top: auto; bottom: 26px; }
}

@media screen and (max-width: 450px) and (min-width: 401px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    .filter-options .sml-pad { width: 16.6667% !important; }
    .app-select.arrow img { width: 40px; height: auto; }
    .app-select.arrow .check { right: 45px !important; }
    .info-tooltip { display: none; }
    .prod-colour-picker .dw-xs-1 { width: 14.284%; }
}

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


    .slide.prod-card .colour-opt-wrapper .wrap-outter::-webkit-scrollbar { display: none; }
}

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

    .slide.prod-card .colour-opt-wrapper .wrap-outter { max-width: 100%; padding: 10px 0px !important; }
    .slide.prod-card .colour-opt-wrapper .c-nav { display: none !important; }

    #stepsform .bottom strong { left: 50px !important; }
    .basket .row.regular .col1 { padding: 0px; min-height: 0px; }
    .basket .btn { max-width: 100%; margin: 10px auto; }
    .basket .btn.grey { margin: 15px 0px 0px; }
    .masthead .main-top.close-search { height: 135px; overflow: hidden; }
    .masthead .logosec { position: relative; height: 62px; padding-top: 62px; }
    .masthead .logosec #headerleft a { display: block; margin: 0px auto; }
    .masthead .logosec #mobileoptions .inner .navicon { transform: translateX(-50%) translateY(-50%) scale(0.4); }
    .masthead .logosec #mobileoptions .inner .search-toggle { color: #2ab9e4; font-size: 1.8em; }
    #headerright .right-opt .inner a i { color: #2ab9e4; font-size: 1.8em; }
    #bulletslider .slide { }
    #bulletslider .slide .slide-inner .txt { font-size: 1em; }
    #bulletslider .slide .slide-inner .txt i { font-size: 1.4em; }
    #popularbrandslider, #bestsellingslider { width: calc(100% - 20px); margin: 0px auto; }
    #largereviewbx .inner #slides .slide .slide-inner img { width: 100px; height: auto; }
    #largereviewbx .inner #slides { width: 260px; margin: 0px auto; height: 260px; }
    #largereviewbx .inner #slides .slide { height: 100%; width: 260px !important; }
    #largereviewbx .inner #slides .slide .slide-inner .txt { height: 100px; }
    #largereviewbx .inner #slides .slide .slide-inner .title { font-size: 1.15em; }
    #largereviewbx .inner #slides .slide .slide-inner .title { top: 30px; position: absolute; left: 105px; }
    #largereviewbx .inner #slides .slide .slide-inner .stars { left: 105px; }
    #productaccordionview .tab .inner-rel span { font-size: 1.0em; }
    #stepsform .bottom { padding: 15px !important; }
    .step-one-options .option .inner strong { font-size: 1.2em; }
    .step-one-options .option .inner span, .step-one-options .option .inner strong { left: 80px !important; }
    .mini-table.full .head { height: 80px; }


    .prod-listing .slide .slide-txt a { font-size: 1.1em; }

    .prod-listing .slide { margin: 0px -5px 15px -5px; }

    .productpage .prod-thumbs .prod-thumb { margin-right: 15px; }

    #catlistingslides .slide .btn { font-size: 1.0em; }


    .iframe-form .logosec { padding-top: 0px; height: auto; margin-top: 15px; }


    .size-opt { padding-bottom: 54px; }

    .size-opt .dummy-check { top: 10px; transform: none; }
    .size-opt .size-quantity-editor { top: 10px; transform: none; right: 10px; }

    .size-opt .stock-count span { position: absolute; bottom: -26px; right: -95px; width: 100px; }
    .size-opt .stock-count strong { display: none; }

    .size-opt .dummy-check { }
    .size-opt .dummy-check .inner-rel i { font-size: 0.9em; }

    .size-opt .size-price { transform: none; display: inline-block; text-align: right; height: 20px; top: auto; }

    .your-customs .custom .cost-price { top: auto; transform: none; right: 10px; bottom: 10px; }

    .workPanel .size-list.drop.closed { height: 320px; }
    .ret-pass-form .form { padding: 15px; }

    .person .bottom h3 { font-size: 1.8em; min-height: 65px; display: block; }
    .person .bottom span { display: block; min-height: 36px; font-size: 1.4em; }

    body.quicklayout .masthead .main-top.close-search { height: 170px; }
}

@media screen and (max-width: 400px) and (min-width: 351px) {
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    #bestsellingslider .slide .slide-txt .price span { display: block; }
    #popularbrandslider .slides_container .slide img { max-width: calc(100% - 10px); }
    .filter-options .sml-pad { width: 16.6667% !important; }
    .app-select.arrow img { width: 40px; height: auto; }
    .app-select.arrow .check { right: 40px !important; }
    .info-tooltip { display: none; }
    #stepsform .app-methods .app-select.arrow .check .inner-rel .text { left: 39px !important; }
    .prod-colour-picker .dw-xs-1 { width: 16.665%; }
    .size-opt .size-price { left: 30%; }
}

@media screen and (max-width: 350px) {
    .filter-options .sml-pad { width: 20% !important; }
    #popularbrandslider, #bestsellingslider { width: 262px; margin: 0px auto; }
    #popularbrandslider .slides_container .slide, #bestsellingslider .slides_container .slide { }
    #popularbrandslider .slides_container .slide img { max-width: calc(100% - 10px); }
    #stepsform .app-methods .app-select { height: 110px; }
    .app-select.arrow { height: 150px; }
    .app-select.arrow .check { transform: translateX(-50%); bottom: 26px; left: 26% !important; top: auto !important; }
    #stepsform .app-methods .app-select.arrow .check .inner-rel .text { left: 39px !important; }
    #stepsform .app-methods .app-select img { width: 45px; height: auto; }
    #stepsform .app-methods .app-select .check { width: calc(100% - 80px) !important; }
    .info-tooltip { display: none; }
    .app-select.arrow img { width: 40px; height: auto; left: 50% !important; top: 10px !important; transform: translateX(-50%) translateY(0%) !important; }
    #twotab .tabs .tab { width: 118px !important; }
    .mobile-options { height: auto !important; }
    .mobile-options .dw-xs-6 { width: 100% !important; }
    .mobile-options .dw-xs-6.currency-container { background-color: rgb(223, 223, 223); }
    #bestsellingslider .slide .slide-txt a { font-size: 1.08em; }
    .topmessage.create-order { text-align: center; }

    .topmessage.create-order .txt { display: block; text-align: center; margin-bottom: 10px; }
    .topmessage.create-order .cancelbtntop { float: none; }
    .prod-colour-picker .dw-xs-1 { width: 20%; }

    #stepsform .customise-steps-nav .nextstep, #stepsform .customise-steps-nav input[type="submit"] { min-width: 120px; }
    .prod-listing .slide .slide-txt .price span { display: block; }
    .ret-pass-form .btn { float: none; width: 100%; max-width: 100%; }
    .size-opt .size-price { left: 25%; }
}

.btn.showmore { margin: 10px auto; display: block; width: 200px; text-align: center; background-color: #26b9e4; color: #fff; }