/* Minification failed. Returning unminified contents.
(1169,1): run-time error CSS1019: Unexpected token, found '}'
(1337,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(1338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1362,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */


html {  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }

input {  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }


.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.bx-wrapper { position: relative; padding: 0; margin: 0 auto; zoom: 1; }

.bx-wrapper img { display: block; }

.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; width: 100%; padding: 15px 0px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; zoom: 1; display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #345995; border: 1px solid #345995; display: block; width: 11px; height: 11px; margin: 0 5px; outline: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-indent: -30000px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff !important; }

.bx-wrapper .bx-next { right: 0px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.homeslide .bx-wrapper .bx-controls-direction span { }

.bx-wrapper .bx-controls-direction span { position: absolute; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); outline: 0; width: 40px; height: 40px; display: flex; text-align: center; justify-content: center; background-color: #345995; border-radius: 50px; align-items: center; z-index: 9; font-size: 1.6em; color: #fff; font-weight: 700; text-align: center; }
.bx-wrapper .bx-controls-direction span { }


.bx-wrapper .bx-controls-direction span.fa-chevron-left { left: -30px; }

.bx-wrapper .bx-controls-direction span.fa-chevron-right { right: -30px; }

.rightslider .bx-wrapper .bx-controls-direction span { top: 50%; color: #fff; font-size: 4em; }


.bx-wrapper .bx-controls-direction span.fa-chevron-left { left: -20px; }
.bx-wrapper .bx-controls-direction span.fa-chevron-right { right: -20px; }

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }


.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.slider { display: flex; align-items: center; width: fit-content !important; }
.slider .slide { float: none !important; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {width: 100%;margin: 0 auto;padding: 0 1rem;}
.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }

.section.center { align-items: center; }

.section.no-row-g {row-gap: 0px !important;}

.flx-bx { display: flex; }
.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-even { justify-content: space-evenly; }
.fl-ju-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }

.gap-5 {gap: 5px;}

.full-h { height: 100%; }

.grid { display: grid; margin: 0 auto; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(12, 1fr); }
.grid > div { padding: 0px; }

.section { margin: 0 -1rem; display: flex; flex-wrap: wrap; row-gap: 2rem; }
.section > div { position: relative; min-height: 1px; padding: 0 1rem; }
.section.center { align-items: center; }
.section .clear { display: none; }

.section.stockpanel { row-gap: 0px; margin: 0px -0.25rem;}
.section.stockpanel  > *{padding: 0.25rem;}

.section.nogap{margin: 0px; row-gap: 0rem;}
.section.nogap > div{padding: 0rem;}
.section.gap05{margin: 0 -0.5rem; row-gap: 1rem;}
.section.gap05 > div{padding: 0 0.5rem;}

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

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

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

@media (min-width:500px) {
  .dw-xs-10percent { width: 10%; }
  .dw-xs-20percent { width: 20%; }
  .dw-xs-30percent { width: 30%; }
  .dw-xs-40percent { width: 40%; }
  .dw-xs-50percent { width: 50%; }
  .dw-xs-60percent { width: 60%; }
  .dw-xs-70percent { width: 70%; }
  .dw-xs-80percent { width: 80%; }
  .dw-xs-90percent { width: 90%; }

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

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

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




@media (min-width:768px) {
  .dw-sm-10percent { width: 10%; }
  .dw-sm-20percent { width: 20%; }
  .dw-sm-30percent { width: 30%; }
  .dw-sm-40percent { width: 40%; }
  .dw-sm-50percent { width: 50%; }
  .dw-sm-60percent { width: 60%; }
  .dw-sm-70percent { width: 70%; }
  .dw-sm-80percent { width: 80%; }
  .dw-sm-90percent { width: 90%; }

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

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

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

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

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



@media (min-width:992px) {
  .dw-md-10percent { width: 10%; }
  .dw-md-20percent { width: 20%; }
  .dw-md-30percent { width: 30%; }
  .dw-md-40percent { width: 40%; }
  .dw-md-50percent { width: 50%; }
  .dw-md-60percent { width: 60%; }
  .dw-md-70percent { width: 70%; }
  .dw-md-80percent { width: 80%; }
  .dw-md-90percent { width: 90%; }

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

  .dw-md-12 { width: 100%; }
  .dw-md-11 { width: 91.66666666666666%; }
  .dw-md-10 { width: 83.33333333333334%; }
  .dw-md-9 { width: 75%; }
  .dw-md-8 { width: 66.66666666666666%; }
  .dw-md-7 { width: 58.333333333333336%; }
  .dw-md-6 { width: 50%; grid-column: span 6; }
  .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%; }

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

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

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

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

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

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

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

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

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

@media (min-width: 1671px) {
  .dw-xl-10percent { width: 10%; }
  .dw-xl-20percent { width: 20%; }
  .dw-xl-30percent { width: 30%; }
  .dw-xl-40percent { width: 40%; }
  .dw-xl-50percent { width: 50%; }
  .dw-xl-60percent { width: 60%; }
  .dw-xl-70percent { width: 70%; }
  .dw-xl-80percent { width: 80%; }
  .dw-xl-90percent { width: 90%; }

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

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

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

@media (min-width:1671px) {
  .container, .course .masthead .container, .info-page .masthead .container { max-width: 1640px; }
.container.sml {max-width: 830px;}
  .dw-xxl-10percent { width: 10%; }
  .dw-xxl-20percent { width: 20%; }
  .dw-xxl-30percent { width: 30%; }
  .dw-xxl-40percent { width: 40%; }
  .dw-xxl-50percent { width: 50%; }
  .dw-xxl-60percent { width: 60%; }
  .dw-xxl-70percent { width: 70%; }
  .dw-xxl-80percent { width: 80%; }
  .dw-xxl-90percent { width: 90%; }

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

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

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

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

.lh-15 { line-height: 15px; }
.lh-08 { line-height: 0.8; }












.w-2 { width: 2px; }
.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }



.max-h-300{max-height: 300px;}

.h-130 { height: 130px; }

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

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

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

.full-w { width: 100%; }

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

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

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

@media screen and (max-width: 767px) {
  .fl-left-xs { float: left; }
  .fl-right-xs { float: right; }
  .hidden-xs { display: none !important; }

  .sm-center-txt { text-align: center !important; }
}

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

.opac-5 { opacity: 0.5; }


.my-60 {margin-top:60px; margin-bottom:60px;}
.btn {text-decoration: none;font-size: 1rem;cursor: pointer;min-height: 40px;padding: 5px 20px;border: none;display: flex;justify-content: center;align-items: center;font-family: "Poppins", sans-serif;text-align: center;border-radius: 3px;border-radius: 100px;font-weight: 300;font-size: 1.2em;line-height: 1;text-decoration: none !important;}
.btn.lg{height: 45px;}


.btn.red { background-color: #c52433; color: #fff; }
.btn.red:hover { background-color: #232323; color: #fff; }
a:hover .btn.red { background-color: #232323; color: #fff; }

.btn.red-ghst {color: #232323; border: 1px solid #c52433; font-weight: 600;}
.btn.red-ghst:hover {background-color: #c52433; color: #fff;}
.btn.red-ghst i {color: #fff !important; aspect-ratio: 1; width: 32px; height: 32px; background-color: #c52433; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 0.9em;}


.btn.blue { background-color: #345995; color: #fff; }
.btn.blue:hover { background-color: #c52433; color: #fff; }
a:hover .btn.blue { background-color: #c52433; color: #fff; }
.btn.dgrey { background-color: #333; color: #fff; }
.btn.dgrey:hover { background-color: #666; }
a:hover .btn.dgrey { background-color: #666; }

.btn.mdgrey { background-color: #58595c; color: #fff; }
.btn.mdgrey:hover { background-color: #666; }
a:hover .btn.mdgrey { background-color: #666; }

.btn.grey { background-color: #f1f1f1; color: #343738; }
.btn.grey:hover { background-color: #666; color: #fff; }
.btn.lgrey { background-color: #f1f1f1; color: #343738; font-weight: 500; }
.btn.lgrey:hover { background-color: #666; color: #fff; }
a:hover .btn.grey { background-color: #666; color: #fff; }
.btn.grey:hover i { color: #fff !important; }
.btn.white { background-color: #fff; color: #343738; }
.btn.white:hover { background-color: #c52433; color: #fff; }
.btn.white:hover i { color: #fff !important; }

.btn.pay {background-color: #007AFF; color: #fff;}
.btn.pay:hover {background-color: #345995;}

.btn.lgrey { background-color: #ecece6; color: #343738; }
.btn.lgrey:hover { background-color: #666; color: #fff; }

.btn.white.ghst { background-color: transparent; color: #fff; border: 1px solid #fff;}
.btn.white.ghst:hover { background-color: #fff; color: #58595c; }
.btn.white.ghst:hover i { color: #58595c !important; }

.btn.black {background-color: #232323; color: #fff; border: 1px solid #232323;}
.btn.black:hover {background-color: transparent; color: #232323;}
.btn.black.ghst {background-color: transparent; color: #232323; border: 1px solid #232323;}
.btn.black.ghst:hover {background-color: transparent; color: #fff; background-color: #232323;}

.btn.paypal { background-color: #f7be37; color: #222d65; width: 100%;}
.btn.icon { padding: 0; width: 40px; display: flex; align-items: center; justify-content: center; background-color: transparent;}
.btn.icon i { margin: 0; }
.btn.paypal img {max-height: 25px;margin-left: 10px;max-width: 95px;}



.btn.icon.red {color: #c52433;}
.btn.icon.red:hover {color: #232323; background-color: transparent;}

.kstate { font-size:0.9em; color:#fff; margin-top:20px; margin-bottom:-10px; }
.kstate a{ color:#fff; }

.btn.round { width: 21px; height: 21px; min-height: 21px; padding: 0px; border-radius: 100%; }
.btn.full { width: 100%; }
.btn i { margin-left: 5px; font-size: 1.3em; }
.btn i.fa-plus, .btn i.fa-minus { font-size: 1em; margin: 0px; }

.btn.payment {padding: 0px; min-height: 45px; color: #fff; font-size: 1.0rem; border-radius: 4px; background-color: #36c431;}
.btn.payment.klarna {background-color: #ffb3c7;}
.btn.payment:hover {filter: brightness(1.1);}


.btn.sml { padding: 0px 20px; height: 40px; }
.btn.narrow { padding: 5px 10px; }
input[type="submit"].btn { height: auto !important; padding-left: 20px; }
.fav-btn-outter { height: 47px; overflow: visible; position: relative; }
.btn.fav { padding: 0px 10px; height: 40px; font-weight: 700; background-color: #fff; display: flex; justify-content: space-between; align-content: center; }
.btn.fav .txt:before { content: "Add to Favourites"; display: block; font-weight: 700; margin-right: 5px; }
.btn.fav .heart { display: none; width: 20px; height: 20px; position: relative; margin-right: 5px; }
.btn.fav .heart i:first-child { font-size: 1.3em; color: #c52433; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px !important; }
.btn.fav .heart i:last-child { color: #c52433; position: absolute; font-size: 1.3em; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn.fav.on .txt:before { content: "Remove from Favourites"; display: block; }
.btn.fav.on .heart i:last-child { opacity: 1; }
.btn.fav i { color: #c52433; }
 @keyframes loadrotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
.btn.loading {color: transparent !important; position: relative;}
.btn.loading:before {content:""; position: absolute; top: calc(50% - 0.75rem); left: calc(50% - 0.75rem); width: 1.5rem; height: 1.5rem; border: 3px solid #FFF; border-bottom-color: #c52433; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: loadrotation 1s linear infinite; }



a.block { display: block; }

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

.inline-link { display: inline-block; cursor: pointer;}
.inline-link.with-icon { display: inline-block; position: relative; padding-left: 30px; }
.inline-link.with-icon img { position: absolute; top: 50%; transform: translateY(-50%); left: 7px; }
.inline-link.white { color: #fff; }
.inline-link.white:hover { color: #c52433; }

.inline-link.red { color: #c52433; }
.inline-link.red:hover { color: #232323; }
.inline-link:hover { }
.inline-link a {color: #c52433;display: inline;position: relative;}

.lnk.red{color: #c52433; }
.lnk.red:hover{color: #000; }
.lnk.white{color: #fff; text-decoration: underline; }
.lnk.white:hover{ text-decoration: none;}


.inline-link a:hover { color: #232323; text-decoration: none; }

.inline-link.white a { color: #fff; }
.inline-link.white a:before { background-color: #fff; }

.blocklink {border: 1px solid #272727;background-color: #fff;border-radius: 5px;display: block;padding: 30px;text-align: center;color: #333;font-size: 1.3em;text-decoration: none;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.2;}
.blocklink i { display: block; text-align: center; margin-bottom: 15px; color: #c52433; }
.blocklink:hover { box-shadow: 0 11px 11px #00000029; transform: translateY(-5px); border: 1px solid #c52433; }

.products .OK, .products .ok { border-radius: 10px; padding: 15px; text-align: center; }
.products .OK span, .products .ok span { display: block; text-align: center; font-weight: 600; }
.products .OK span span, .products .ok span span { font-size: 1.1em; }
.products .OK .btn, .products .ok .btn { max-width: 200px; margin: 15px auto 0px; }

.btn.close { padding: 0px !important; width: 40px; height: 40px; border-radius: 100%; background-color: #c52433; min-height: initial; }
.btn.close:hover { background-color: #345995; }
.btn.close > div { width: 40px; height: 40px; position: relative; transform: rotate(45deg); }
.btn.close > div:before { display: block; content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; }
.btn.close > div:after { display: block; content: ""; width: 20px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; }

.new-addr-link {border: 1px solid #58595c;height: 100%;display: flex;justify-content: center;align-items: center;text-decoration: none;}
.new-addr-link:hover { }
.new-addr-link:hover .btn { background-color: #c52433; }
.new-addr-link i { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #345995; border-radius: 100%; color: #fff; margin-bottom: 30px; }

.flex-list { display: flex; }
.flex-list > * { margin: 0px 10px 10px 0px; }
.best-seller:hover .btm { background-color: #345995; }
.best-seller .top-title img { max-width: 12px; margin-left: 5px; }
.best-seller .btm { background-image: url(../images/icons/flame.svg); background-position: 10px -22px; background-repeat: no-repeat; }
.checkswitch { cursor: pointer; width: 50px; display: block; position: relative; height: 26px; border-radius: 25px; border: 1px solid #d2d2d2; background-color: #d2d2d2; }
.checkswitch:before { box-shadow: 0px 3px 6px #00000029; content: ""; display: block; width: 50%; height: 100%; border-radius: 100%; left: 0px; position: absolute; background-color: #fff; }
.checkswitch.on { background-color: #4dd162; }
.checkswitch.on:before { transform: translateX(100%); }
.checkswitch input { display: none; }
.bx-controls-direction > span { cursor: pointer; }
.bx-controls-direction > span:hover { background-color: #c52433; }
.account-widget:hover { color: #c52433 !important; }
.topsearch:hover .submitSearch, .submitSearch:hover, .basket-widget:hover { background-color: #232323 !important; cursor: pointer; color: #fff;}
.topsearch:hover { border-color: #345995 !important; }
.btn.quant {padding: 0px; aspect-ratio: 1; width: 25px; min-height: 5px !important; height: auto !important; color: #c52433; font-size: 1.7em; background-color: transparent;} 

a.underline {color: #c52433; text-decoration: underline;}
a.underline:hover {color: #c52433; text-decoration: none;}

.dw-theme .dw-nav [class*='dw-'] {background-color: #c52433; color: #fff; border: 1px solid #c52433 !important;}
.dw-theme .dw-nav [class*='dw-']:hover {background-color: #fff; color: #c52433;}

p a {color: #c52433 !important; cursor: pointer; text-decoration: underline;}
p a:hover {text-decoration: none !important;}
.policy-links {padding-top: 15px;}
.policy-links a{color: #000;  display: block; margin-top: 15px; }
.policy-links a:hover {color: #c52433;}

.lg-call-lnk {background-color: #c52433; padding: .5rem; color: #fff; display: flex; justify-content: center; align-items: center; gap: .75rem; font-size: 3rem; text-decoration: none;}
.lg-call-lnk a {text-decoration: none;}
.lg-call-lnk a:hover {text-decoration: underline;}

.pdf-link {display: flex; align-items: center; gap: 1rem; text-decoration: none;}
.pdf-link span {color: #000; text-decoration: none; font-weight: 700;}
.pdf-link:hover span {color: #c52433;}

@media screen and (max-width: 500px) {
  .btn.submitbtn { width: 100%; max-width: 100%;}
    
.btn{padding: 5px 15px; font-size: 1em;}
.lg-call-lnk {font-size: 9vw;}

}


footer {overflow: hidden;}
footer .foot-nav{display: flex; justify-content: space-between;}
footer .foot-nav .col{width: max-content; font-size: 1.2em;}
footer .foot-nav .col > *{display: block; padding: 2px 0px;}
footer .foot-nav .col > a{text-decoration: none; color: #000000; font-weight: 300;}
footer .foot-nav .col > a:hover{color: #c52433;}

footer .nlform h2 {padding: 0px;color: #fff; font-size: 1.8em; font-weight: 600;}

footer .nlform .form-inner{display: flex; border: 2px solid #fff; background-color: #fff; margin-bottom: 15px;}
footer .nlform .form-inner .editor-field{margin: 0px;width: calc(100% - 170px);}
footer .nlform .form-inner .editor-field input{border: none !important; height: 45px;}
footer .nlform .form-inner .btn{width: 170px; height: 45px; border-radius: 0;}

footer .nlform .section {row-gap: 0.5rem;}

footer .site-btm a:hover {color: #fff !important; text-decoration: none !important;}

@media screen and (max-width: 1229px) {
    footer {padding-bottom: 90px;}
}

@media  (min-width:992px) {
    footer .site-btm {font-size: 1.2em; font-weight: 300;}
}

@media  (max-width:991px) {

}

@media  (max-width: 767px) {
    footer .nlform h2 {
        font-size: 1.2em;
    }

    footer .fs-12 {font-size: 1rem !important;}
    footer .foot-nav .col {font-size: 1rem !important;}
}

@media  (max-width: 630px) {
footer .foot-nav {flex-wrap: wrap;}
footer .foot-nav .col{width: 100%; margin-bottom: 15px;}
}
*, *: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, background-position-x 0.2s ease-in-out;}
.no-transition { transition: none !important; }
.lazy { opacity: 0; }
.scrollhide { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
.scrollhide.hidden { opacity: 0; }
.scrollhide.from-right.hidden { transform: translateX(50%); }
.scrollhide.from-left.hidden { transform: translateX(-50%); }
.scrollhide.from-below.hidden { transform: translateY(50%); }
.scrollhide.rotate-in.hidden { transform: translateY(50%) rotate(-60deg); transform-origin: bottom right; }
.scrollhide.from-left.hidden.subtle { transform: translateX(20%); }
.scrollhide.from-left.subtle { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }

.faq, .faq li { list-style: none; }
.faq { padding: 0px; }
.faq li.q { margin-top: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq li.a { background: #fff; display: none; }

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

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

.skel-load-bg { background-color: #f7f7f7; background-image: linear-gradient( to right, #f7f7f7 0%, #cdcdcd 45%, #f7f7f7 70%, #f7f7f7 100% ); background-size: 300px 300px; background-repeat: no-repeat; animation: shimmer 1.4s linear infinite; }

.bouncing-loader { display: flex; justify-content: center; padding-bottom: 8px; }

.bouncing-loader > div { width: 12px; height: 12px; margin: 0rem 0.2rem; background: #c52433; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }

.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }

.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }

.cmspageloader .container { position: relative; }
.cmspageloader .container > div { position: absolute; left: 15px; top: 0px; }

.floathov:hover {transform: translateY(-5px);}
.dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999999999; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #59341a; color: #fff; text-align: center; padding: 0.3em; }

.dtp div.dtp-date, .dtp div.dtp-time { background: #ff6700; text-align: center; color: #fff; padding: 10px; }
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 1.5em; }
.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 1.5em; color: #fff; }
.dtp div.dtp-picker { padding: 1em; text-align: center; }

.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
.dtp div.dtp-picker-month { padding-bottom: 20px !important; text-transform: uppercase !important; }

.dtp .dtp-close { position: absolute; top: 4px; right: 1em; }
.dtp .dtp-close > a { color: #fff; }
.dtp .dtp-close > a > i { font-size: 1em; }

.dtp table.dtp-picker-days { margin: 0; min-height: 251px; width: 100%; }
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
.dtp table.dtp-picker-days tr > td { font-weight: 500; font-size: 0.9em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD !important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.4em; border-radius: 50% !important; }
.dtp table.dtp-picker-days tr > td > a.selected { background: #ff6700; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }

.dtp .p10 > a { color: #fff; text-decoration: none; font-size: 1.4em; }
.dtp .p10 { width: 10%; display: inline-block; }
.dtp .p20 { width: 20%; display: inline-block; }
.dtp .p60 { width: 60%; display: inline-block; }
.dtp .p80 { width: 80%; display: inline-block; }

.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50% !important; text-decoration: none; background: #eee; font-size: 1em; }
.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }

.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }

.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }

.dtp.hidden, .dtp .hidden { display: none; }
.dtp .invisible { visibility: hidden; }

.dtp .left { float: left; }
.dtp .right { float: right; }
.dtp .clearfix { clear: both; }

.dtp .center { text-align: center; }
.dtp-btn-cancel { background-color: #ddd; color: #666; font-size: 1.1em; font-weight: 500; text-align: center; line-height: 38px; height: 40px; border: 1px solid #ddd; width: 100px; float: left; cursor: pointer; }
.dtp-btn-cancel:hover { background-color: #fff; }
.dtp-btn-ok { background-color: #ddd; color: #666; font-size: 1.1em; font-weight: 500; text-align: center; line-height: 38px; height: 40px; border: 1px solid #ddd; width: 100px; float: right; cursor: pointer; }

body { }


.topbanners-container { max-width: 1920px; margin: 0 auto; text-shadow: 0px 3px 8px #000000b5; }
.homepagebanner { width: calc(65% - 10px); margin-right: 10px; float: left; max-width: 1244px; }
.homepagebannerright { width: 35%; float: right; max-width: 668px; }

.homepagebanner h1, .homepagebanner h2 { font-size: 3.5em; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px; line-height: 1; }
.homepagebannerright h1, .homepagebannerright h2 { font-size: 2.5em; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px; line-height: 1; }

.homepagebanner .txt, .homepagebannerright .txt { color: #fff; font-size: 1.55em; min-height: 60px; margin: 0px; }
.homepagebanner .btn, .homepagebannerright .btn { width: max-content; font-size: 1.6em; font-weight: 300; min-height: 50px; padding: 10px 30px; text-shadow: none !important;}

@media screen and (max-width: 767px) {
    .homepagebanner h1, .homepagebanner h2, .homepagebannerright h1, .homepagebannerright h2 {    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); width: fit-content; padding: 10px;}
    .homepagebanner .txt, .homepagebannerright .txt {width: fit-content; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); width: fit-content; padding: 0px 10px 10px 10px; min-height:0px; margin-bottom: 15px;}
}


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

@media screen and (max-width:500px) {
    .homepagebanner h1, .homepagebanner h2, .homepagebannerright h1, .homepagebannerright h2 { font-size: 10.0vw; }
    .homepagebanner .txt, .homepagebannerright .txt { font-size: 5vw; }
}


nav .homelnk {color: #fff;padding: 0px;padding: 0px 15px;display: flex;font-size: 1.8em;}


nav a.special {width: 185px;background-color: #C52432;font-weight: 600;}
nav a.special:after {display: none; }
nav a.special:hover {background-color: #fff; color: #C52432;}

@media screen and (max-width: 1920px) {
    nav a.special{width: 160px;}
}

@media screen and (max-width: 1800px) {
    nav .homelnk {display: none;}
}

@media screen and (min-width: 1670px) {
    nav > ul > li > a {font-size: 1rem !important;}
 
}

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

@media screen and (max-width: 1669px) and (min-width: 1230px) {
nav > ul > li > a {font-size: 0.8em; padding: 0px 10px !important;}
}

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

}

@media screen and (max-width: 1430px) and (min-width: 1230px) {
  nav a.special{width: min-content;}
nav .drop {max-width:70vw !important;}
nav > ul > li > a {font-size: 0.775em;}
 
}

@media screen and (min-width: 1230px) {
    nav {background-color: #58595c;position: relative;z-index: 11;}
nav > ul {max-width: 1920px;margin: 0 auto;list-style: none;padding: 0px;display: flex;position: relative;}
nav > ul > li i {display: none !important;}
nav > ul > li {
}
nav > ul > li:first-child a:after {display: none;}
nav > ul > li:hover {background-color: #fff;}
nav > ul > li:hover > a{color: #000; }
nav > ul > li:hover > a:after{opacity: 0;}
nav > ul > li > a {line-height: 1.1;color: #fff;text-decoration: none;text-align: center;display: flex;height: 88px;justify-content: center;align-items: center;position: relative;text-wrap: balance;padding: 0px .5rem;font-weight: 300;font-size: 0.8rem;transition: background-color 0.2s ease-in-out, font-weight .1s ease-in-out, color .1s ease-in-out !important;}
nav > ul > li > a:after {content: "";display: block;height: 55px;width: 1px;background-color: #abacad;position: absolute;left: -1px;top: 50%;transform: translateY(-50%);}
nav a.special {font-size: 1.1rem;}
nav > ul > li {position: relative;}

nav .drop {position: absolute;max-width: 1095px;left: 0px;top: 100%;width: max-content;opacity: 0;max-height: 0;overflow: hidden;transition: .2s linear;box-shadow: 0px 3px 6px #00000029;}
nav .drop > * {border-bottom: #C52432 solid 3px; }

nav > ul > li.quart-1 .drop {right: auto; left: 0px;}
nav > ul > li.quart-2 .drop {left: 25%; transform: translateX(-25%); right: auto;}
nav > ul > li.quart-3 .drop {right: 25%; transform: translateX(25%); left: auto;}
nav > ul > li.quart-4 .drop {left: auto; right: 0px;}

nav > ul > li:hover .drop {max-height: max-content;background-color: #fff;opacity: 1;}
nav .subcats{padding: 15px;display: flex;flex-wrap: wrap;width: 100%;}
nav .subcats a{color: #000; text-decoration: none; font-weight: 700;}
nav .subcats a:hover{color: #C52432;}
nav .subcats .subcat{max-width: 25%;padding: 15px;width: 100%;}
nav .subcount-2 .subcats .subcat{max-width: 50%;}
nav .subcount-2 {min-width: 400px;}
nav .subcats .subsubcats a{display: block; font-weight: 300;}

nav .cat-head {display: none;}

nav .sub-drop-top {display: none;}
}

@media screen and (max-width: 1229px) {
    nav {position: sticky;top: 65px;max-height: 0px;overflow: hidden;background-color: #ecece6;z-index: 11;height: 100vh;}
    body.navopen nav {max-height: 100vh;}
    nav ul {max-width: 500px;gap: 0px;font-size: 1.4em;max-height: calc(100vh - 80px);overflow: auto;display: flex;flex-wrap: wrap;padding: 0px !important;margin: 0px auto;list-style: none;}
    nav ul .drop { opacity: 1;overflow: hidden;height: 100%;width: 100%;position: absolute;top: 0px;background-color: #ecece6;left: 0px;}
    nav ul .drop > .container {width: 100vw;max-width: 500px;height: 100%;overflow: auto;padding: 0px;}

nav > ul > li:nth-child(even){background-color: #fff;}


nav ul .drop .section {margin: 0px;}
nav ul .drop .section > * {position: static; padding: 0px;}


    nav ul .drop.shut {width: 0%; opacity: 0;}
nav a.special {background-color: #C52432 !important;color: #fff;text-decoration: none;width: 100%;}

nav ul li {width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
nav ul li a {color: #58595c;text-decoration: none;min-height: 45px;display: flex;align-items: center;padding-left: 15px;}

nav ul li .drop-togg {width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;}
nav .topcatlink {width: calc(100% - 35px);line-height: 1; padding-right: 15px;}
nav .drop {}
nav .drop a{}
nav .drop .subcats {display: flex;flex-direction: column;padding: 10px 0px;}
nav .sub-drop-top {display: flex;align-items: center;min-height: 45px;color: #C52432;}

nav .subcat {display: flex;align-items: baseline;}
nav .subcat:nth-child(even) {background-color: #fff;}
nav .subcat > i {width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;}
nav .subcat > a {width: calc(100% - 35px);}
nav .subcat .subsubcats {position: absolute;background-color: #ecece6;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 1;}
nav .subcat .subsubcats.shut {width: 0%; overflow: hidden; opacity: 0;}
nav .subcat .subsubcats .inner{width: 100vw;height: 100%;display: flex;flex-direction: column;max-width: 500px;margin: 0 auto;overflow: auto;}
nav .subcat .subsubcats .inner a:nth-child(even){background-color: #fff;}
nav .subcat .subsubcats .inner a {display: flex;align-items: center;}
}

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

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

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

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

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

}

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

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

@media screen and (max-width: 500px) {
nav {font-size: 0.85em;}
nav ul .drop > .container {}
nav .subcat .subsubcats .inner {}

nav .homeli {display: none;}
nav ul {}
nav .drop .subcats {gap: 0px;}
nav .subcat .subsubcats .inner {gap: 0px;}
nav .drop .subcats {padding: 0px;}
nav .subcat{min-height: 35px;}
 
}

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




header {display: flex;height: 100px;position: sticky;top: 0px;z-index: 12;background-color: #fff;box-shadow: 0px 3px 6px #00000029;}
header > div {width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; gap: 30px; }
header .head-widgets { display: flex; align-items: center; gap: 30px; }
header .head-widgets a { color: #58595c; font-size: 1.8em; }
header .head-widgets a:hover {color: #c52432;}
header .head-widgets .basket-widget { display: flex; height: 100px; align-items: center; justify-content: space-evenly; background-color: #ecece6; gap: 15px; padding: 0px 30px; width: 280px; font-size: 1.0em; text-decoration: none; }
header .head-widgets .basket-widget:hover > *{ color: #fff !important;}
header .head-widgets .basket-widget i { font-size: 1.8em; color: #232323; }
header .head-widgets .basket-widget #totalbasketamount { font-size: 1.3em; color: #232323; }
header .hlink { display: flex; padding: 0px 30px; width: 394px; }
header .search-widg { height: 45px; border: 1px solid #000; width: 100%; max-width: 610px; }
header .search-widg form { display: flex; width: 100%; }
header .search-widg input { border: none; margin: 0px; height: 43px; padding: 0 15px; width: 100%; }
header .search-widg button { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background-color: transparent; border: none; font-size: 1.6em; padding: 0px 10px; cursor: pointer; }
header .search-widg button:hover { color: #c52432; transition: .1s linear !important; }


.vat-switch {width: max-content;text-align: center;}
.vat-switch > .flx-bx{gap: 10px;}

.vat-switch .tag {color: #232323;line-height: 1;width: max-content;}
.vat-switch .tag.inc {opacity:1;}
.vat-switch .tag.ex {opacity: 0.5;}
.vat-switch.exvat .tag.inc {opacity:0.5;}
.vat-switch.exvat .tag.ex {opacity: 1;}

.country-switch .flag {cursor: pointer;opacity: 0.8;position: relative;display: block;position: relative;width: 25px;}
.country-switch .flag span {width: 25px; height: 25px; display: block; aspect-ratio: 1; border-radius: 100%;}
.country-switch .flag.gbp span { background-image: url(../images/flags/gb.svg); background-size: cover; background-position: center; }
.country-switch .flag.eur span { background-image: url(../images/flags/eu.svg); background-size: cover; background-position: center; }
.country-switch .flag.aed span { background-image: url(../images/flags/ae.svg); background-size: cover; background-position: center; }
.country-switch .flag.usd span { background-image: url(../images/flags/us.svg); background-size: cover; background-position: center; }

.country-switch .flag:hover span { filter: grayscale(0%); }
.country-switch .flag.on { opacity: 1; }
.country-switch .flag.on:before { display: block; }
.country-switch .flag.on span { filter: none !important; }



.country-switch{ height: 40px; }
.country-switch .inner {border-radius: 20px;background-color: #fff; border: 1px solid #fff; transition: border .2s, box-shadow .2s; }
.country-switch .top {display: flex; align-items: center; gap: 10px; height: 38px; padding: 5px 10px; }
.country-switch .opts a {text-decoration: none;font-size:1.2em;margin-bottom: 5px;display: flex;justify-content: end;padding-right: 35px;gap: 10px;align-items: center;}
.country-switch .opts a .isocode{text-decoration: none; }

.country-switch.open .inner{ border: 1px solid #58595c;  box-shadow: 0px 3px 6px #00000029;}

@media screen and (max-width: 1669px) {
    header .head-widgets .basket-widget { width: 215px !important; padding: 15px; }
}

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

header .hlink {padding: 0px 0px 0px 15px;}

}

@media screen and (min-width: 1230px) {
    header .mobopts { display: none !important; }
.country-switch .flag span {border-radius: 3px; width: 40px;}
.country-switch .flag {width: 40px;}

.search-widg {display: block !important;}

header .head-widgets .account-widget-authed {background-color: #ecece6; display: flex; align-items: center; position: relative; padding-right: 15px;}
header .head-widgets .account-widget-authed i {font-size: 1.8em; color: #58595c; }
header .head-widgets .account-widget-authed i.fa-chevron-down {font-size: 1.2em; }
header .head-widgets .account-widget-authed a{line-height: 1.3;display: block; font-size: 1.0em; color: #58595c; text-decoration: none; display: flex; align-items: center;padding:15px  ; gap: 10px;}
header .head-widgets .account-widget-authed a.account{color: #232323;}
header .head-widgets .account-widget-authed a.account:hover{color: #c52432;}
header .head-widgets .account-widget-authed a.account:hover i{color: #c52432;}
header .head-widgets .account-widget-authed a.logout{color: #c52432;}
header .head-widgets .account-widget-authed .drop {position: absolute; width: 100%; left: 0px; top: 100%;overflow: hidden; opacity: 0; max-height: 0px;}
header .head-widgets .account-widget-authed:hover .drop {max-height: 60px; opacity: 1;}
header .head-widgets .account-widget-authed .drop a{background-color: #ecece6; padding: 15px; display: flex; align-items: center; gap: 10px;}
header .head-widgets .account-widget-authed .drop a i {color: #c52432;}
header .head-widgets .account-widget-authed .drop a strong{color: #232323; font-weight: 600; }
header .head-widgets .account-widget-authed .drop a:hover strong {color: #c52432;}
header .head-widgets .mob-account {display: none !important;}
}

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

    header .head-widgets .des-account {display: none !important;}

.country-switch .opts a {padding-right: 40px;}

.search-widg {border-bottom: 1px solid #ecece6;         box-shadow: 0px 0px 6px 0px #00000029;}

.vat-switch {padding: 5px 15px;}

    body .topalertbar { max-height: 35px; overflow: hidden; }

    body.navopen .topalertbar { max-height: 0px; }

    header .hlink { width: max-content; }

    header {position: sticky;top: 0px;left: 0px;z-index: 11;height: auto;}
    header > div {padding: 0px 15px;height: 65px;background-color: #fff;justify-content: space-between;border-bottom: 1px solid #ecece6;}

    header .head-widgets {/* border-top: 1px solid #fff; */gap: 10px;position: fixed;left: 0px;bottom: 0px;width: 100%;gap: 0px;z-index: 11;background-color: #fff;height: 60px;box-shadow: 0px 0px 6px 0px #00000029;padding-left: 15px;}

    header .head-widgets.checkout-hide {display: none;}

    header .head-widgets .call { display: none !important; }

    header .head-widgets > a {font-size: 1.5em;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;text-decoration: none !important;background-color: #58595c;color: #fff;}

    header .head-widgets .basket-widget {padding: 0px 15px;height: 60px;width: 100% !important;justify-content: center;}

    header .search-widg {position: absolute;left: 0px;top: 100%;background-color: #fff;width: 100%;border: none;max-width: 100%;height: 45px;padding: 0px 15px;display: flex;padding: 0px;align-items: center;}

    header .search-widg form { background-color: #fff; }

    .navicon {height: 30px;width: 30px;position: relative;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;}

    .navicon > div {height: 2px;width: 30px;display: block;position: relative;background-color: #333;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;position: absolute;}

    .navicon > div:nth-of-type(1) { top: calc(20% - 2px); -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.3s, 0.1s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; -moz-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); -webkit-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); }

    .navicon > div:nth-of-type(2) { top: calc(50% - 2px); -moz-transition: ease 0.3s 0.3s; -o-transition: ease 0.3s 0.3s; -webkit-transition: ease 0.3s; -webkit-transition-delay: 0.3s; transition: ease 0.3s 0.3s; -moz-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); -webkit-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); }

    .navicon > div:nth-of-type(3) { top: calc(80% - 2px); -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.3s, 0.1s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; -moz-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); -webkit-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01); }

    .navicon.open > div:nth-of-type(1) { top: 50%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s; -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.1s, 0.5s; transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s; }

    .navicon.open > div:nth-of-type(2) { opacity: 0; }

    .navicon.open > div:nth-of-type(3) { top: 50%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s; -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.1s, 0.5s; transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s; }

    header .mobopts { display: flex; align-items: center; font-size: 1.8em; justify-content: space-between; width: 100px; }

    header .mobopts.right { justify-content: right; }

    header .mobopts i { color: #58595c; cursor: pointer; }

    header .mobopts i:hover { color: #c52432; }
.country-switch .top {padding: 0px 5px;}
.country-switch {width: -webkit-fill-available;max-width: 160px;position: relative;}
.country-switch .inner {position: absolute; left: 0px; bottom: 0px; width: 100%;}
.country-switch.open .inner {border: 1px solid #232323;border-radius: 5px;}


header .mobopts { width: 80px; }
    header .head-widgets {flex-wrap: wrap;height: 90px;gap: 0px;column-gap: 0px;padding-left: 0px;justify-content: space-between;}
.country-switch {margin-left: 10px;}
header .head-widgets > a {width: 50px; height: 50px;}
header .head-widgets .basket-widget {height: 50px;width: calc(100% - 50px) !important;}
.country-switch {width: 160px;}
.vat-switch {width: calc(100% - 180px); display: flex; justify-content: end;}
.vat-switch > .flx-bx {width: 200px;justify-content: end !important;padding-right: 5px;}


}

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

    .navicon > div { height: 2px; width: 30px; display: block; position: relative; background-color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; position: absolute; }

    .homelink { max-width: 200px; }

    header .left { gap: 30px; }

        body .topalertbar .white-txt{animation: marquee 10s linear infinite; width: max-content; }
        @keyframes marquee {
            0%   { transform: translate(100%, 0); }
            100% { transform: translate(-100%, 0); }
        }


    
}

@media screen and (max-width: 500px) {
    header {height: 65px;}

    header .hlink { padding: 0px; max-width: 115px; }

    header .hlink img { max-width: 100%; height: auto; }

    header .mobopts {font-size: 1.5em;width: 70px;gap: 0px;}

    header { gap: 15px; }
.country-switch .opts a {flex-direction: row-reverse;gap: 5px;}
.country-switch .lbl {display: none;}
.country-switch {max-width: 73px;margin-left: 5px;}
.country-switch .isocode {
    font-size: 0.9em;
}

.country-switch .opts a {padding-right: 0px; justify-content: center;}

header .head-widgets {gap: 0px;}
.vat-switch {padding: 5px;}
.vat-switch {width: calc(100% - 94px);font-size: 0.9em;}
}

.editor-label { margin-bottom: 10px; min-height: 20px; }
.editor-label label { font-weight: 700; font-size: 1.1em; min-height: 20px; }
.editor-label label.fw-500 {font-weight: 500;}
.editor-label input {}
.editor-field { margin-bottom: 15px; position: relative; }
.editor-field textarea { min-height: 200px; width: 100%; padding: 10px; min-height: 105px; font-family: 'Titillium Web', sans-serif; border:1px solid #000; border-radius: 3px; }
.editor-field input, .editor-field select {font-family: 'Titillium Web', sans-serif;border-radius: 3px;width: 100%;display: block;border:1px solid #000;height: 40px;padding-left: 10px;font-size: 1em;}
.editor-field.center-txt > * { text-align: center; padding-left: 0px !important; }
.editor-field.on-white > * { font-family: 'Titillium Web', sans-serif; border-radius: 3px; width: 100%; display: block; border: none; height: 45px; padding-left: 10px; border: 1px solid #ACACAC; }
.editor-field.lg-field > * { height: 45px; }

#DeliveryAddress .editor-field {margin: 0px;}
#billingAddress .editor-field {margin: 0px;}

.basket .OK { display: none; }
.g-recaptcha { overflow: hidden; position: relative; width: 160px; height: 45px; border-radius: 3px; border: 1px solid #343738; }
.g-recaptcha > div { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.editor-field .showpass { position: absolute; right: 0px; top: 0%; height: 40px; width: 40px; align-items: center; justify-content: center; display: flex; cursor: pointer; color: #c52433; font-size: 1.1em; }
.editor-field .showpass:hover { color: #345995; }
.whiteform input, .whiteform select {}
.delivery-opt { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: #fff; border-radius: 5px; border: 1px solid #ACACAC; cursor: pointer; }
.delivery-opt .rad { margin-right: 15px; }
.delivery-opt .name {font-weight: 700;color: #345995;width: 100%;margin-right: 15px;font-size: 1.2em;max-width: max-content;}
.delivery-opt .desc {margin-right: 15px;width: 100%;text-align: center;}
.delivery-opt .price { font-weight: 700; color: #c52433; font-size: 1.3em; }

.editor-field label.radio {display: flex; align-items: center; gap: 10px;}
.editor-field label.radio input{width: 20px; height: 20px; margin: 0px;}

.editor-field.nobrd > * {border: none; border-radius: 0px;}

input#DiscountCode.text-box { height: 53px; border: 2px solid black; border-right: none; }


label.checkbox { display: flex; align-items: center; cursor: pointer; margin-bottom: 5px; }
label.checkbox i { background-color: #fff; margin-right: 10px; width: 30px; height: 30px; border: 1px solid #212121; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: #345995; }
label.checkbox i:before { opacity: 0; }
label.checkbox:hover i:before { opacity: 0.5; }
label.checkbox.on i:before { opacity: 1 !important; }
label.checkbox input { display: none; }

.fav-list-opts { max-height: 160px; overflow: auto; }
.fav-list-opts label { display: block; cursor: pointer; padding: 10px; height: 40px; display: flex; align-items: center; position: relative; }

.fav-list-opts label:before { width: 3px; height: 100%; top: 0px; left: 0px; position: absolute; content: ""; display: block; transform: translateX(-100%); background-color: #345995; }
.fav-list-opts label input { display: none; }
.fav-list-opts label:hover { background-color: #f1f1f1; }
.fav-list-opts label:hover:before { transform: none; }
.fav-add { height: 40px; padding: 0px 10px; display: flex; align-items: center; cursor: pointer; border-top: 1px solid #ACACAC; }
.fav-add i { margin-right: 5px; color: #345995; }
.fav-add:hover i { color: #c52433; }

.field-validation-error { color: #c52433; }

.payment-opts label { cursor: pointer; display: block; display: flex; height: 50px; padding: 0px 15px; border: 1px solid #d3d3d3; border-radius: 5px; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.payment-opts label input { display: none; }

.payment-opts label:hover { transform: translateY(-5px); }
.payment-opts label.on { border: 3px solid #345995; }
.payment-opts label.on:hover { transform: none; }

.payment-opts label i.fa-check { color: #345995; border-radius: 3px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #ACACAC; }
.payment-opts label i.fa-check:before { opacity: 0; }
.payment-opts label.on i.fa-check:before { opacity: 1; }
.payment-opts label img{display: block;}

.payment-opts .img-label {display: flex; align-items: center; }
.payment-opts .img-label img {margin-right: 10px;}

.ui-autocomplete { box-shadow: 0px 3px 6px #00000029; list-style: none; padding: 15px 15px 10px 15px; background-color: #fff; width: 400px !important; border: 1px solid #c52433; border-radius: 0px 0px 5px 5px; z-index:99;}
.ui-autocomplete a { margin-bottom: 10px; font-size: 1.1em; font-weight: 600; color: #345995; display: block; cursor: pointer;}
.ui-autocomplete a:hover { color: #c52433; }
.ui-autocomplete .ui-state-active { color: #c52433; }
.ui-autocomplete .ui-menu-item-wrapper { cursor: pointer; }

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

.validation-summary-errors { color: #c52433; border: 1px solid #c52433; margin: 15px 0px; border-radius: 10px; background-color: #ffeded; padding: 15px;}
.validation-summary-errors > ul { margin: 0px;}
.check-box, .check-box > input { height: 30px; width: 30px; flex-shrink: 0; }

.switch {position: relative;display: inline-block;width: 40px;height: 20px;background-color: #c52433;border-radius: 30px;display: flex;justify-content: start;align-items: center;padding: 0px 3px;cursor: pointer;}


.switch.selected {justify-content: end;}

.switch:before {content: "";width: 16px;aspect-ratio:1;background-color: #fff;display: block;border-radius: 100%;}



.input-toggler { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }



.input-toggler:before {position: absolute;content: "";height: 16px;left: 2px;width: 16px;top: 50%;transform: translate(0, -50%);background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}

input:checked ~ .input-toggler {background-color: #c52433;}

input:focus ~ .input-toggler { box-shadow: 0 0 1px #2196F3; }

input:checked ~ .input-toggler:before {-webkit-transform: translate(19px, -50%);-ms-transform: translate(19px, -50%);transform: translate(19px, -50%);}

.switch.lg {width: 62px;height: 30px;}
.switch.lg .input-toggler:before{width: 70px;height: 30px; width: 24px;height: 24px; left: 4px;}
input:checked ~ .input-toggler.lg:before {transform:translate(30px,  -50%);}


.review-help {background-color: #fff;border: 1px solid #c52432;padding: 10px;margin-bottom: 15px;border-radius: 3px;}



.basket.check-out .estim {padding: 15px; color: #fff; font-weight: 700; font-size: 1.4em;}
.basket.check-out .estim.red {background-color: #c52433; }
.basket.check-out .estim.blue {background-color: #345995;}

.payment-opts.hidden {opacity: 0;}



.payment-opt-page {}
.payment-opt-page .breadcrumb {margin-bottom: -85px; position: relative; }
.payment-opt-page .left{background-color: #ecece6; padding-top: 150px; width: 50%; text-align: center; max-width: 660px;}
.payment-opt-page .right{padding-top: 150px;  width: 50%; max-width: 1260px; padding-bottom: 100px;}
.payment-opt-page .maw-1920 {display: flex; justify-content: start; margin: 0 auto; width: 100%;}
.payment-opt-page .pay-summary {max-width: 485px; margin: 30px auto; }
.payment-opt-page .checkoutpage {max-width: 800px;}
.payment-opt-page .gr-bord {border: 1px solid #c7c7c7;}


.y-n-check {cursor: pointer; display: flex; border: 1px solid #345995; width: 150px; border-radius: 5px; position: relative;}
.y-n-check.interacted:before {transform: translate(100%);width: 50%; height: 100%; position: absolute; content:""; background-color: #345995;}
.y-n-check.on:before {transform: translateX(0%);}
.y-n-check  span {display: block; width: 50%; padding: 5px; text-align: center; font-weight: 700; position: relative; z-index:1;}
.y-n-check input {display: none;}
.y-n-check.interacted span.n {color: #fff;}
.y-n-check.interacted.on span.y {color: #fff;}
.y-n-check.interacted.on span.n {color: #333;}
.y-n-check span:hover {color: #345995;}

.form-loader-outter{position: relative;}
.form-loader-outter i {width: 20px; height: 20px; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid transparent; border-top: 2px solid #fff; position: absolute; left: calc(50% - 10px); top: calc(50% - 10px); animation: rotation 1s linear infinite; border-radius: 100%; display: none;}

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

.form-loader-outter.loading i{display: block;}
.form-loader-outter.loading .btn {color: transparent;}

.qty-drop{position: relative;}
.qty-drop label {font-weight: 700; display: flex; align-items: center;}
.qty-drop label span {margin-right: 5px;}
.qty-drop input{font-weight: 700; font-size: 1.1em; width: 30px; height: 30px; text-align: center; border: none;}
.qty-drop label i {color: #c52433; font-size: 1.1em; cursor: pointer; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}

.qty-drop .opts {position: absolute;overflow: auto;max-height: 0px;width: 80px;top: 100%;right: 0px;background-color: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 3px; z-index: 1;}
.qty-drop .opts .opt{text-align: center; padding: 2px 0px; cursor:pointer;}
.qty-drop .opts .opt:nth-child(even){background-color: #f5f5f5;}

.qty-drop.open .opts {max-height: 150px;}
.qty-drop.open i {transform:rotate(180deg);}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.basket-actions .discount-form { position: absolute; width: 100%; left: 0; bottom: 415px; }
.basket-actions .discount-form form { position: absolute; top: 0; width: 100%; }

.discount-box { position: relative; animation: ease-in-out 2s linear; }
.discount-box i { font-size: 1.8rem; cursor: pointer; color: #C52432; }
.discount-box.open { transform: translateY(0); animation: ease-in-out 2s linear; }
.discount-box.open i {transform:rotate(180deg);}

.discount-box span.prompt { display: none; animation: fadeIn 0.3s ; }
.entry-box { display: none; animation: fadeIn 0.3s linear; }


.colour-opts {display: flex; gap: 1rem; flex-wrap:wrap;}
.colour-opts label{ position: relative; display: block; width: 40px; height: 40px; border-radius: 5px; cursor: pointer;}
.colour-opts label:hover{transform: translateY(-5px);     box-shadow: 0px 3px 6px #00000029;}
.colour-opts label.iswhite {border:1px solid #acacac;}
.colour-opts label.on{border:1px solid #c52433 !important;}
.colour-opts label input{opacity: 0;}
.colour-opts label span {    box-shadow: 0px 3px 6px #00000029; opacity: 0;position: absolute;top: 0px;right: 0px;background-color: #c52433; border: 1px solid #c52433; aspect-ratio: 1;text-align: center;padding: 4px;border-radius: 100%;transform: translate(50%, -50%); width: 20px; height: 20px; display: flex; justify-content: center; align-items: center;}
.colour-opts label span i {color: #fff;font-size: 0.6em;display: block;}
.colour-opts label.on span {opacity: 1;}


@media screen and (max-width: 1229px) {
  .ui-autocomplete { position: fixed; top: 134px; z-index: 9999; left: 50% !important; transform: translateX( calc(-50% + -30px)); width: calc(100% - 30px) !important; max-width: 661px; max-height: calc(100vh - 180px); overflow: auto; }
}

@media screen and (max-width: 991px) {
  .delivery-opt{flex-wrap: wrap; justify-content: start; position: relative;}
  .delivery-opt .desc{width: 100%;margin: 15px 0px 0px 0px;}
  .delivery-opt .rad{width: max-content;}
  .delivery-opt .name{width: max-content;}
  .delivery-opt .price { width: max-content; position: absolute; top: 15px; right: 15px;}

  .payment-opt-page .maw-1920 {flex-direction: column;}
  .payment-opt-page .maw-1920 > *{width: 100%; max-width: 100%; padding-top: 60px;}
  .payment-opt-page .checkoutpage {margin: 0 auto; padding: 0px 30px;}

}

@media screen and (max-width: 767px) {
  .ui-autocomplete { position: fixed; top: 134px; z-index: 9999; left: 50%; transform: none; left: 15px !important; width: calc(100% - 89px) !important; }
  .payment-opts > * {max-width: 100%; } 
  #paypal-button-container {height: 55px;}
  .payment-opts .btn {height: 55px;}
   .payment-opts {row-gap: 15px;}
}

@media screen and (max-width:650px) {
  .reg-flex { flex-direction: column; align-items: flex-start; }
  .reg-flex > div:first-child { width: 100%; }
  .reg-flex label { justify-content: space-between; width: 100%; }

}

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

 .payment-opt-page .left {padding: 80px 0px 15px;}
 .payment-opt-page .right {padding-top: 15px;}

}


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

   #paypal-button-container {height: 45px;}
  .payment-opts .btn {height: 45px;}
   .payment-opts {row-gap: 15px;}


}

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

   #paypal-button-container {height: 35px;}
  .payment-opts .btn {height: 35px;}
   .payment-opts {row-gap: 15px;}

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

  .y-n-check {margin-bottom: 15px;}

}

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

  .delivery-opt .price {width: 100%;position: static;text-align: right;margin-top: 15px;}

}

@media screen and (max-width: 500px) {
    input#DiscountCode.text-box { height: 53px; }
    .discount-box { position: relative; transform: translateY(40%); animation: ease-in-out 2s linear; }
    .discount-box i { right: 10vw; }
}
.popup { transition: none !important; z-index: 999; position: relative;}
.popup .overlay { position: fixed; z-index: 990; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000000; opacity: 0.6; }
.popup .pop-container { border-radius: 10px; box-shadow: 0px 3px 6px #00000029; position: fixed; z-index: 991; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); background-color: #fff; }
.popup .pop-container .btn.close {min-height: 40px; padding: 0px !important; width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; z-index: 100; border-radius: 100%; background-color: #c52433; }
.popup .pop-container .btn.close:hover { background-color: #345995; }
.popup .pop-container .btn.close > div { width: 40px; height: 40px; position: relative; transform: rotate(45deg); }
.popup .pop-container .btn.close > div:before { display: block; content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; }
.popup .pop-container .btn.close > div:after { display: block; content: ""; width: 20px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; }

.overlay-stndalone{position: fixed; background-color: #000; width: 100%; height:100vh; z-index: 9999; top: 0px; left: 0px;opacity: 0.5; transition: none !important;}

@media screen and (max-width:500px) {
  .pop-container .rel.padd-30 { padding: 15px; }
  .popup .pop-container .btn.close { right: 15px; top: 15px; }
}

body {
}

*{background-position: center; background-size: cover;}

img {max-width: 100%; height: auto; display: block;}
img.blockimg {display: block;}

.bx-shad{    box-shadow: 0px 3px 6px #00000029;}
.bx-shad-inset{    box-shadow: 0px 3px 6px #00000029 inset;}

ul.space {display: flex; flex-direction: column; gap: 1rem;}

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

.accordion {}
a {cursor: pointer;}
.faqs .faq { list-style: none; padding: 0px; margin: 0px 0px 10px; }
.faqs .faq .q { cursor: pointer;  display: flex;  justify-content: space-between;  border-bottom: 1px solid #707070;  align-items: center; }
.faqs .faq .a > * { padding: 30px 0px}

.faq .q i  {color: #434E62;}
.faq .q.on i { transform: rotate(180deg); }

.faqs.compact {}
.faqs.compact .faq{margin: 0px; border-bottom: 1px solid #5A6D8F;}
.faqs.compact .faq .q{border-bottom: none;}

.cap-txt {text-transform: uppercase;}

.opac-08 {opacity: 0.8;}
.opac-05 {opacity: 0.5;}
.opac-04 {opacity: 0.4;}

.dark-bg-img{}

.linethru, .line-thru{text-decoration: line-through;}

.youtube {width: 100%; aspect-ratio: 16 / 9;}
.youtube iframe{width: 100%; aspect-ratio: 16 / 9; display: block;}

.no-overflow{overflow: hidden;}

.curs-point {cursor:pointer;}
.curs-point > * {cursor:pointer;}

.fnt-w-200, .fw-200 {font-weight: 200;}
.fnt-w-300, .fw-300 {font-weight: 300;}
.fnt-w-400, .fw-400 {font-weight: 400;}
.fnt-w-500, .fw-500 {font-weight: 500;}
.fnt-w-600, .fw-600 {font-weight: 600;}
.fnt-w-700, .fw-700 {font-weight: 700;}

.full-w {width: 100%;}
.flx-bx{display: flex;}
.fl-al-cent{align-items: center;}
.fl-ju-cent{justify-content: center;}
.fl-ju-end{justify-content: end;}
.fl-ju-space{justify-content: space-between;}
.fl-ju-space-a{justify-content: space-around;}
.fl-wrap {flex-wrap: wrap;}
.fl-r-rev {flex-direction: row-reverse;}
.fl-al-end {align-items: end;}
.no-overfl {overflow: hidden; }
.no-fl-wrap {flex-wrap: nowrap!important;}
.flx-dir-col, .flx-col {flex-direction: column;}
.flx-grow { flex-grow: 1; }

.rel {position: relative;}

.gap2rem {gap: 2rem;}

.gap5px{gap: 5px;}
.gap10px{gap: 10px;}
.gap15px{gap: 15px;}
.gap30px{gap: 30px;}

.width-fit {width: fit-content;}

.cover-bg {background-size: cover !important; background-position: center !important;}

.full-w-img img {width: 100%; height: auto;}

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

.sticky {position: sticky; top: 0px;}
.sticky.top-30 {top: 30px;}

.sticky.underhead {top: 115px;}

.block { display:block; }
.center-block{margin: 0 auto;}
.norm-size a { color:#98ae65; }
.center-txt {text-align: center;}
.center-img img, .cent-img img{display: block; margin: 0 auto;}
.left-txt{text-align: left;}
.right-txt{text-align: right;}
.inner-rel { width: 100%; position: relative; }

.red-bord {border: 1px solid #c52432;}

.l-thru{text-decoration: line-through;}

.full-w{width: 100%;}
.full-h {height: 100%;}

.fow-100{font-weight: 100;}
.fow-200{font-weight: 200;}
.fow-300{font-weight: 300;}
.fow-400{font-weight: 400;}
.fow-500{font-weight: 500;}
.fow-600{font-weight: 600;}
.fow-700{font-weight: 700;}
.fow-800{font-weight: 800;}
.fow-900{font-weight: 900;}
.lh-09{line-height: 0.9;}
.lh-1{line-height: 1;}
.lh-11{line-height: 1.1;}
.lh-12{line-height: 1.2;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.5;}
.lh-17{line-height: 1.5;}
.lh-18{line-height: 1.5;}

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

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

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


.pt-5  { padding-top: 5px;    }
.pt-10 { padding-top: 10px;  }
.pt-15 { padding-top: 15px;  }
.pt-20 { padding-top: 20px;  }
.pt-30 { padding-top: 30px;  }
.pt-45 { padding-top: 45px;  }
.pt-50 { padding-top: 50px;  }
.pt-60 { padding-top: 60px;  }
.pb-5  { padding-bottom: 5px;    }
.pb-10 { padding-bottom: 10px;  }
.pb-15 { padding-bottom: 15px;  }
.pb-20 { padding-bottom: 20px;  }
.pb-30 { padding-bottom: 30px;  }
.pb-45 { padding-bottom: 45px;  }
.pb-60 { padding-bottom: 60px;  }
.py-5  { padding-top: 5px;   padding-bottom: 5px;  }
.py-10 { padding-top: 10px;  padding-bottom: 10px;}
.py-15 { padding-top: 15px;  padding-bottom: 15px;}
.py-20 { padding-top: 20px;  padding-bottom: 20px;}
.py-30 { padding-top: 30px;  padding-bottom: 30px;}
.py-45 { padding-top: 45px;  padding-bottom: 45px;}
.py-60 { padding-top: 60px;  padding-bottom: 60px;}
.px-5  { padding-left: 5px;  padding-right: 5px;  }
.px-10 { padding-left: 10px; padding-right: 10px;}
.px-15 { padding-left: 15px; padding-right: 15px;}
.px-20 { padding-left: 20px; padding-right: 20px;}
.px-30 { padding-left: 30px; padding-right: 30px;}
.px-45 { padding-left: 45px; padding-right: 45px;}
.px-60 { padding-left: 60px; padding-right: 60px;}

.my-5  { margin-top: 5px;   margin-bottom: 5px;  }
.my-10 { margin-top: 10px;  margin-bottom: 10px;}
.my-15 { margin-top: 15px;  margin-bottom: 15px;}
.my-20 { margin-top: 20px;  margin-bottom: 20px;}
.my-30 { margin-top: 30px;  margin-bottom: 30px;}
.my-45 { margin-top: 45px;  margin-bottom: 45px;}
.my-60 { margin-top: 60px;  margin-bottom: 60px;}
.mx-5  { margin-left: 5px;  margin-right: 5px;  }
.mx-10 { margin-left: 10px; margin-right: 10px;}
.mx-15 { margin-left: 15px; margin-right: 15px;}
.mx-20 { margin-left: 20px; margin-right: 20px;}
.mx-30 { margin-left: 30px; margin-right: 30px;}
.mx-45 { margin-left: 45px; margin-right: 45px;}
.mx-60 { margin-left: 60px; margin-right: 60px;}
.mx-a {margin-left: auto; margin-right: auto;}
.-m-20{margin: -20px;}
.p-10 { padding:  10px; }
.p-15 { padding:  15px; }
.p-25 { padding:  25px; }
.p-20 { padding:  20px; }
.p-30 { padding:  30px; }
.p-40 { padding:  30px; }
.p-45 { padding:  45px; }
.p-50 { padding:  45px; }
.p-60 { padding:  60px; }

.pr-5 {padding-right: 5px;}
.pr-15 {padding-right: 15px;}
.pl-15 {padding-left: 15px;}
.pl-30 {padding-left: 30px;}

.mt-1rem {margin-top: 1rem;}

.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-30 {margin-right: 30px;}

.asp-rati-1 {aspect-ratio:1;}

.fs-16-em {font-size: 1.6em;}

.fs-06{font-size: 0.6em;}.fs-07{font-size: 0.7em;}.fs-08{font-size: 0.8em;}.fs-09{font-size: 0.9em;}.fs-10{font-size: 1.0em;}.fs-11{font-size: 1.1em;}.fs-12{font-size: 1.2em;}.fs-13{font-size: 1.3em;}.fs-14{font-size: 1.4em;}.fs-15{font-size: 1.5em;}.fs-16{font-size: 1.6em;}.fs-17{font-size: 1.7em;}.fs-18{font-size: 1.8em;}.fs-19{font-size: 1.9em;}.fs-20{font-size: 2.0em;}.fs-21{font-size: 2.1em;}.fs-22{font-size: 2.2em;}.fs-23{font-size: 2.3em;}.fs-24{font-size: 2.4em;}.fs-25{font-size: 2.5em;}.fs-26{font-size: 2.6em;}.fs-27{font-size: 2.7em;}.fs-28{font-size: 2.8em;}.fs-29{font-size: 2.9em;}.fs-30{font-size: 3.0em;}.fs-33{font-size: 3.3em;}.fs-35{font-size: 3.5em;}
.rati-10{padding-top: 10%;}.rati-15{padding-top: 15%;}.rati-20{padding-top: 20%;}.rati-25{padding-top: 25%;}.rati-30{padding-top: 30%;}.rati-35{padding-top: 35%;}.rati-40{padding-top: 40%;}.rati-45{padding-top: 45%;}.rati-50{padding-top: 50%;}.rati-55{padding-top: 55%;}.rati-60{padding-top: 60%;}.rati-65{padding-top: 65%;}.rati-70{padding-top: 70%;}.rati-75{padding-top: 75%;}.rati-80{padding-top: 80%;}.rati-85{padding-top: 85%;}.rati-90{padding-top: 90%;}.rati-95{padding-top: 95%;}.rati-100{padding-top: 100%;}

.fs-rem-11 { font-size: 1.1rem; }
.fs-rem-12 { font-size: 1.2rem; }
.fs-rem-125 { font-size: 1.25rem; }
.fs-rem-13 { font-size: 1.3rem; }
.fs-rem-14 { font-size: 1.4rem; }
.fs-rem-15 { font-size: 1.5rem; }
.fs-rem-17 { font-size: 1.6rem; }
.fs-rem-16 { font-size: 1.7rem; }
.fs-rem-18 { font-size: 1.8rem; }
.fs-rem-19 { font-size: 1.9rem; }
.fs-rem-20 { font-size: 2.0rem; }
.fs-rem-21 { font-size: 2.1rem; }
.fs-rem-22 { font-size: 2.2rem; }
.fs-rem-23 { font-size: 2.3rem; }
.fs-rem-25 { font-size: 2.5rem; }
.fs-rem-27 { font-size: 2.7rem; }
.fs-rem-30 { font-size: 3.0rem; }
.fs-rem-32 { font-size: 3.2rem; }
.fs-rem-33 { font-size: 3.3rem; }
.fs-rem-34 { font-size: 3.4rem; }
.fs-rem-35 { font-size: 3.5rem; }
.fnt-w-600 { font-weight: 600; }
.fnt-w-700 { font-weight: 700; }


.h-30{height: 33px;}
.h-33{height: 33px;}

.mah-440{max-height: 440px;}
.mah-590{max-height: 590px;}
.mah-50 {max-height: 50px;}

.w-max-cont {width: max-content;}

.maw-fit {max-width: fit-content;}

.maw-0 {max-width: 0px;}

.maw-354{max-width:354px}

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

.r-full {border-radius: 100%;}

.h-50{height: 50px;}


.mih-670 {min-height: 670px;}
.mih-690 {min-height: 690px;}
.mih-390{min-height: 390px;}
.mih-950{min-height: 950px;}

.nomarg {margin: 0px;margin-bottom: 0px !important;}

@media  (max-width: 1229px) {
 .center-txt-md {text-align: center;}
 .center-block-md {margin: 0 auto;}
.fl-ju-cent-md {justify-content: center;}
}

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

}

@media screen and (min-width: 1231px) and (max-width: 1479px) {

}


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

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

    
}



@media screen and (min-width:992px) {
.resp-padd-30 {padding: 30px;}
.resp-mt-30 {margin-top: 30px;}
  
}


@media screen and (max-width:991px) {
   .faqs .faq .q {font-size: 2em;}
.resp-padd-30 {padding: 15px;}
.resp-mt-30 {margin-top: 15px;}
}

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

    
}

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



}

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

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

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

}

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

@media screen and (max-width: 500px) {
.faqs .faq .q {font-size: 1.5em;}
.gap5px-xs {gap: 5px;}
.gap10px-xs {gap: 10px;}
.gap05rem-xs {gap: 0.5rem;}
.mt-1-xxs {margin-top: 1rem;}
.mt-05-xxs {margin-top: 0.5rem;}
.mt-0-xxs {margin-top: 0rem;}
.hide-mobile {display: none;}
} 


@media screen and (min-width: 320px) and (max-width:480px) {
  
}

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

@media screen and (max-width: 390px) {
}
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: 100px; }

a{cursor: pointer;}

body {margin: 0px;}

.OK {padding: 10px;border: 1px solid #339933;color: #339933;background-color: #eeffee;border-radius: 5px;margin: 10px 0;font-size: 1.1em;}

.KO { padding: 10px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; margin: 10px 0; }
.KO a {color: #993333; font-weight: 700; text-decoration: underline;}
.KO a:hover {text-decoration: none;}

h1{font-size: 2.3rem;}
h1.sml {font-size: 1.8rem;}
h1.heading { font-size: 2rem; font-weight: 600; }
h2{font-weight: 600;font-size: 2.0rem;margin: 0px;line-height: 1.2;padding: 2rem 0rem;}
h2.sml {font-size: 1.6rem;}
h3{line-height: 1.2;}
h4{}

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

.new-lazy { position: relative; min-height: 80px; padding-bottom: 100%; background-color: transparent; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.new-lazy:before { position: absolute; z-index: 9; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

.background-lazy { position: relative; background-color: transparent; background-image: none !important; }

.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

.ajaxLoader { }

.ajaxLoader > i { display: inline-block; color: #2bbed8; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }


.dark-bg {background-color: #232323;}
.white-txt {color: #fff;}
.selectedyellowStar { color: #c52432 !important; }
.yellowStar { color: #c52432 !important; }
#mainbannerslider {position: relative;}
#mainbannerslider .dw-dots{gap: 5px; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); width: 100%; max-width: 1640px;}
#mainbannerslider .dw-dots .dw-dot span{border-radius: 0px; width: 100px; height: 5px; background-color: #fff; opacity: 0.5; margin: 0px;}
#mainbannerslider .dw-dots .dw-dot.active span {opacity: 1;}
.dw-carousel.wide-dots {position: relative;gap: 0px;}
.dw-carousel.wide-dots .dw-dots{gap: 5px;width: 100%;max-width: 1640px;justify-content: center;margin-top: 15px;}
.dw-carousel.wide-dots .dw-dots .dw-dot span{border-radius: 0px;width: 100px;height: 7px;background-color: #58595c;opacity: 0.5;margin: 0px;}
.dw-carousel.wide-dots .dw-dots .dw-dot.active span {opacity: 1;}
.dw-carousel.wide-dots a {color: #232323; text-decoration: none;}

.prodslider .noslide {display: flex; gap: 1rem;}
.prodslider .noslide .product-list-item{max-width: 390px; width: 25%;}

#bestsellerslider .product-list-item{position: relative; border-bottom: 3px solid #c52432;}

.product-list-item .top {position: relative;}

.product-list-item  .promo-txt {font-size: 1.1em;font-weight:600;color: #fff;background-color: #c52432;text-align: center;width:100%;display: block; position: absolute; top: 0px; left: 0px; z-index: 10; line-height: 1; padding: 5px;}

#bestsellerslider .product-list-item .btn.black {background-color: #c52432 !important; border: 1px solid #c52432 !important;}

#bestsellerslider .product-list-item:hover .btn.black{background-color: #fff !important; color: #c52432 !important;}

#bestsellerslider .product-list-item .price {color: #c52432 !important;}

.container.header-img {align-items: center; margin-bottom: 40px; }

.tab-view .head .tab{opacity: 0.5; cursor: pointer;}
.tab-view .head .tab:hover{opacity: 1;}
.tab-view .head .tab.on{opacity: 1;}
.tab-view .body .tab{transition: none !important; grid-row-start: 1; grid-column-start:1; }
.tab-view .body .tab .inner{transform: translateY(30px); transition: transform 0.2s ease-in-out;}
.tab-view .body .tab.on .inner{transform: translateY(00px);  }

.tab-prod-carousel {display: flex;justify-content: start;flex-wrap: wrap;gap: 1rem;}

.tab-prod-carousel > .product-list-item {width: calc(25% - .75rem);}
.tab-prod-carousel a {color: #232323; text-decoration: none; background-color: #f1eee9;}
.tab-prod-carousel .bright-filt {filter:brightness(0.920) sepia(0.080) contrast(0.999);}
.tab-prod-carousel img {max-width: 100%; height: auto;}

.solid-bord {border: 1px solid #58595c;}

.usps {gap: 60px; padding: 15px 0px;}
.usps .line {border-right: 3px solid #232323;height: 32px;}
.usps .usp  {font-size: 1.3em;gap: 15px;}
.usps .usp i {color: #C52432; font-size: 1.8em;}

.white-bg {background-color: #ffffff;}
.lgr-bg {background-color: #ecece6;}
.grey-bg {background-color: #ecece6;}
.dgrey-bg {background-color: #58595c;}
.dgr-bg {background-color: #58595c;}
.pink-bg {background-color: #ffdfdf;}
.red-bg {background-color: #c52432;}

.rss {display: flex;justify-content: space-between;padding: 30px 0px;flex-wrap: wrap;row-gap: 1rem;}

.blogpost{width: calc(25% - 0.5rem);display: flex; flex-direction: column; justify-content: space-between; border-bottom: solid 3px #232323; color: #232323; text-decoration: none;}

.blogpost .img{aspect-ratio: 403 / 317; background-position: left; background-size: cover; background-repeat: no-repeat;}
.blogpost:hover .img {background-position-x: 10%;}
.blogpost .title {min-height: 200px;font-weight: 700; font-size: 1.3em; line-height: 1.2; padding: 15px 10px;}
.blogpost .btm {padding: 10px; font-size: 1.1em; display: flex; justify-content: space-between; align-items: center; }
.blogpost .btm i{font-size: 1.6em;}
.blogpost:hover i {color: #C52432;}
.blogpost:hover  {border-bottom:3px solid #C52432;}

.mapiframe {width: 100%; height: 100%;}
.mapiframe iframe{width: 100%; height: 100%;}

.nomargin {margin: 0px !important;}
h2.nomargin, h2.nomarg, h2.no-marg {padding: 0px !important;}
.revstars {color: #c52432; font-size: 1.6em;}

.text,.txt {font-size: 1.1em; font-weight: 300; }
.text.fw-400,.txt.fw-400 { font-weight: 400; }
.text.fw-500,.txt.fw-500 { font-weight: 500; }

.yellow-txt {color: #FFBF00;}
.red-txt {color: #c52432;}
.green-txt {color: #36C431;}
.amber-txt {color: #FFBF00;}

.homecatlnk {display: grid;  align-items: end; text-decoration: none; }
.homecatlnk > * {grid-column-start: 1; grid-row-start: 1;}
.homecatlnk img {filter: brightness(75%); max-width: 100%; height: auto;}
.homecatlnk .inner {padding: 20px; z-index: 1;}
.homecatlnk h3 {color: #fff;font-size: 2em;text-transform: uppercase;width: min-content;text-wrap: balance;width: 100%;line-height: 1.2;margin-bottom: 15px;}
.homecatlnk .btn {border: 1px solid #fff;background-color: #fff; color: #232323; font-weight: 500; width: 140px;}
.homecatlnk:hover img {filter: brightness(50%);}
.homecatlnk:hover .btn {background-color: transparent; color: #fff;}

.breadcrumb {padding: 30px 15px;max-width: 1900px;margin: 0 auto;display: flex;gap: 5px;flex-wrap: wrap;}
.breadcrumb span {color: #c52432;}
.breadcrumb a {color: #000;}
.breadcrumb a:hover {text-decoration: none;}

.listing-container {display: grid;}
.listing-container > *{grid-row-start: 1; grid-column-start: 1;}

.brand-list-item {background-color: #fff; padding: 10px; text-decoration: none; display: block;}

.product-list-item{background-color: #fff;display: block;border-bottom: 3px solid #232323;text-decoration: none;color: #232323;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.home-feat-grid .product-list-item {height: auto !important;}

.product-list-item a {text-decoration: none;color: #232323;}
.product-list-item .title {font-size: 1.4em;line-height: 1.2;font-weight: 700;min-height: 75px;}
.product-list-item .price {font-size: 2em;line-height: 1;}
.product-list-item .wasprice { text-decoration: line-through;opacity: 0.6;}
.product-list-item .wasprice .price { font-size: 1em;}
.product-list-item:hover .btn.black {background-color: transparent; color: #232323;}

.product-list-item .img-container {aspect-ratio: 1;display: flex;justify-content: center;align-items: center;min-width: 100%; position: relative;}

.product-list-item .img-container {}
.product-list-item .colour-opts {background-color: #fff; gap: .75rem; margin-top: 5px; flex-wrap: wrap; margin-bottom: 15px;}
.product-list-item .colour-opts label {width: 30px; height: 30px;  transform: none !important; box-shadow: none !important;}
.product-list-item .colour-opts span {line-height:1; font-weight: 700; width: 100%; display: block;}
.product-list-item .img-container .sticker{position: absolute; right: 15px; top: 30px; max-width: 30%;}
.product-list-item .colour-opts .iswhite {border: 1px solid #acacac;}


.prodpageatb {display: flex; gap: 30px; align-items: center;}
.prodpageatb .delivery-active{width: 300px;}
.prodpageatb .delivery-active input{font-size: 1.3em;}

.prodpageatb .btn {height: 60px;font-weight: 700;}

.prod-info-tabs {border-top: 1px #000 solid; margin-top: 15px; padding: 15px 0px;}

.prod-info-tabs .tabhead {display: flex; justify-content: space-between; align-items: center; width: 100%;padding: 15px 0px 15px 15px;  cursor: pointer;}
.prod-info-tabs .tabhead span {font-size: 1.3em; line-height: 1; font-weight: 400;}
.prod-info-tabs .tabhead i {font-size: 1.2em;}
.prod-info-tabs .tabhead:hover {color: #c52432;}

.popbody {position: fixed;top: 0px;right: 0px;bottom: 30px;background-color: #fff;z-index: 9999;transform: translateX(calc(100% + 30px));opacity: 0;transition: 0.3s ease-in-out;width: calc(100% - 60px);max-width: 680px;overflow: auto;height: 100vh;}

.popbody.basketwidg {padding-bottom: 150px;}

.popbody.basketwidg .btn.clear { border: 1px solid #c52432; font-size: 1.25rem; color: #c52432; font-weight: 600; margin-left: 5px;}
.popbody.basketwidg .btn.clear:hover {background-color: #c52432; color: #fff;} 


.popbody .inner{padding: 30px;height: 100%;overflow: auto;}
.popbody .basket-actions{position: absolute; left: 0px; bottom: 0px; background-color: #ecece6; width: 100%; padding: 30px; display: flex; flex-flow: column; gap: 10px;}
.popbody .basket-actions .btn {max-width: 560px; margin: 0 auto;height: 53px; font-weight: 700; font-size: 1.1em; border: 2px solid #232323;}


.popbody.active {transform: translateX(0px); opacity: 1;}

.popbody .close {font-size: 2.5em; cursor: pointer; display: block;}
.popbody .close:hover {color: #C52432;}

.bright-filt {filter: brightness(0.971);}

.bord-red {border: 1px solid #C52432;}
.bord-dark {border: 1px solid #000;}

.bord-top-red {border-top: 3px solid #C52432;}
.bord-btm-red {border-bottom: 3px solid #C52432;}
.bord-btm-dark {border-bottom: 3px solid #292929;}

.filter-togg {cursor: pointer; background-color: #c52432; color: #fff; height: 40px; display: flex; justify-content: center; align-items: center; padding: 0px 20px; border-radius: 100px;}
.filter-togg:hover {background-color: #000;}
.filter-togg i {font-weight: 600; margin-left: 5px;}

.productlist {padding-bottom: 60px;background-color: #ecece6;}

.basket-top-flex {}

#filter-menu {position: fixed;left: 0px;top: 0px;z-index: 9999;height: 100vh;max-width: 635px;width: calc(100% - 30px);overflow: hidden;box-shadow: 0px 3px 20px 13px #00000029;opacity:1;background-color: #fff;}
#filter-menu h2 {font-weight: 700;}
#filter-menu .inner{width: 510px;padding: 15px;background-color: #fff;height: 100%;margin: 0 auto;max-width: 100%;}
#filter-menu .clearbtn {font-weight: 600;}
#filter-menu ul {list-style: none; margin: 0px -15px; padding: 0px; font-size: 1.2em;}
#filter-menu ul.filter-opts {max-height: calc(100vh - 160px); overflow: auto;  padding: 0px 15px; }
#filter-menu ul li.head{display: flex;align-items: center;justify-content: space-between;min-height: 65px; font-weight: 600; border-top: 1px solid #dedede;}
#filter-menu ul li.head:first-child {position: sticky;left: 0px; right: 0px; top: 0px ; z-index: 2; background-color:#fff; border-top: none; border-bottom: 1px solid #dedede;} 
#filter-menu ul li.head.cats {border: none;}
#filter-menu ul li.head i{color: #c52432; font-size: 1.6rem;} 
#filter-menu ul li.head.open i{transform: rotate(180deg);}
#filter-menu ul li.body {padding: 0px 1px 30px;}
#filter-menu ul li.body label.checkbox{margin: 15px 0px 0px 0px;}
#filter-menu ul li.body .editor-field{margin: 0px;}

#filter-menu.shut {max-width: 0px; box-shadow: none; opacity: 0;}

#summary {position: sticky; top: 130px;}

#deliveryinfoslider{display: flex;flex-wrap: nowrap;align-items: center; overflow: visible !important;}
#deliveryinfoslider .dw-stage-outer{}
#deliveryinfoslider.dw-theme .dw-dots .dw-dot.active span {opacity: 1;}
#deliveryinfoslider.dw-theme .dw-dots {gap: 8px;flex-wrap: nowrap;position: absolute;right: 15px;}
#deliveryinfoslider.dw-theme .dw-dots .dw-dot span {background-color: #272727; opacity: 0.3; width: 8px; height: 8px; border: none ; margin: 0px;}

.product-img-slider {position: sticky; top: 130px; left: 0px;}
.product-img-slider #imgslider{border: 1px solid #ecece6; }
.product-img-slider #imgslider .dw-stage {display: flex; align-items: center;}
.product-img-slider #imgslider .dw-stage .dw-item {}
.product-img-slider #imgslider .dw-stage .dw-item .slide {aspect-ratio: 350 / 309;display: flex;justify-content: center;align-items: center;}
.product-img-slider .prod-thumbs {margin-top: 1rem;display: flex;flex-wrap: wrap;gap: 0.99rem;}

.product-img-slider #imgslider .dw-stage .dw-item img {max-width: 600px;}

.product-img-slider .prod-thumbs .prod-thumbs-image{cursor: pointer;padding: 0px;border: 1px solid #ecece6;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1;transition: border 0.2s ease-in-out;width: calc(15% - 0.02rem);}
.product-img-slider .prod-thumbs .prod-thumbs-image:hover {border: 1px solid #232323;}

.product-img-slider .prod-thumbs .prod-thumbs-image.img360 {padding: 10px;}

.product-img-slider .sticker {position:absolute; top: 30px; right: 30px; z-index: 99;}
.product-img-slider .promo-txt { background-color: #c52432; text-align: center; color: #fff; font-size: 1.1em; font-weight: 600; padding: 3px;} 



.product-img-slider .brandlogo { position: absolute; left: 1px; bottom: 2px; z-index: 99;}
.product-img-slider .brandlogo a { display:block; }
.product-img-slider .brandlogo img { display:block; }

.brand-info-bx {background-color: #fff; aspect-ratio: 536 / 337; display: grid;}
.brand-info-bx > * {grid-row-start: 1; grid-column-start: 1;}
.brand-info-bx .img {aspect-ratio: 536 / 337;  display: flex; justify-content: center; align-items: center; }
.brand-info-bx .img .inner-bg-img {aspect-ratio: 536 / 337;  width: 100%; background-size: contain; background-repeat: no-repeat;}
.brand-info-bx .info {opacity: 0;height: 100%; overflow: hidden; background-color: #58595c; width: 100%; height: 100%; padding: 25px;}
.brand-info-bx .info .txt {height: 100%; overflow: auto; color: #fff;}

.brand-info-bx:hover .info {opacity: 1;}

.basket-table .row {display: flex;align-items: center;padding: 30px 0px;border-bottom: 1px solid #707070;}
.basket-table .row .img {height: max-content;aspect-ratio: 1;width: 25%;border: 1px solid #ecece6;border-radius: 10px;padding: 15px;display: flex;justify-content: center;align-items: center;max-width: 195px; width: 143px; height: 190px;}
.basket-table .row .detail {width: 100%;padding-left: 20px;}
.basket-table .row .detail a.title { text-decoration: none; color: #232323; font-size: 1.1em; font-weight: 300; text-decoration: none; color: #232323; font-size: 1.1em; font-weight: 300; max-height: 50px; overflow: hidden; display: block; }
.basket-table .row .detail a.title:hover {color: #C52432;}
.basket-table .row .detail  .option { max-height: 30px; overflow: hidden; }
.basket-table .row fieldset { border: none; padding: 0; margin: 20px 0; }

.basket-table .row .detail .title a{text-decoration: none; color: #232323; font-size: 1.3em; font-weight: 300;}
.basket-table .row .detail .title a:hover {color: #C52432;}
.basket-table .row:last-child {border: none;}
.basket-table input[type="radio"] { appearance: none; height: 20px; width: 20px; margin: 6px; box-sizing: border-box; padding: 0; border: 2px solid black; background-color: transparent; border-radius: 50%; transform: translateY(10px) }
.basket-table input[type="radio"]:not(:disabled):checked { border-color: black; border-radius: 50%;  background-image: radial-gradient(circle, black 0%, black 50%, transparent 60%, transparent 100%); }

.basket-actions .discount-form { position: absolute; width: inherit; left: 0; top: -120%;}
.basket-actions .discount-form .discount-box { border-top: 1px solid #707070; background-color: white; }
.basket-actions .discount-form .discount-box h3 { font-size: 1.25rem; }
.basket-actions .discount-form .discount-box span { font-size: 1.13rem; font-weight: 200; }

/*.discount-form { position: absolute; width: inherit; left: 0; top: -120%;}*/
.discount-form .discount-box { border-top: 1px solid #707070; background-color: white; }
.discount-form .discount-box h3 { font-size: 1.25rem; }
.discount-form .discount-box span.prompt { font-size: 1.13rem; font-weight: 200; }
.discount-form .discount-box button.btn.red { height: 53px; border: 2px solid black; }

.basketwidg #widgetbasketform {height: 100%; }

.basketwidg .basket {height: 100%; } 
.basketwidg .basket-table {height: 100%;}

.terms-table {border: 1px solid #959595; background-color: #eeeded; overflow: auto; border-radius: 10px;}
.terms-table td{background-color:#fff;}
.terms-table thead td{background-color:#eeeded;}
.terms-table ul {padding-left: 20px;margin: 0px;}
.terms-table table {min-width: 800px;}

.register-trade-acc-btn { display: flex; flex-direction: column; align-items: center; grid-gap: 10px; }

.account-layout {max-width: 1920px;margin: 0px auto;display: flex;}
.account-layout .account-nav {max-width: 470px;width: 100%;padding-left: 15px;position: relative;padding-bottom: 65px;}
.account-layout .account-nav ul {margin: 0px;border-radius: 10px;padding: 0px;list-style: none;display: flex;flex-direction:column;position: sticky;top: -50px;}
.account-layout .account-nav  a {padding: 0px 15px;height: 50px;line-height: 1;display: flex;gap: 15px;text-decoration: none;color: #232323;align-items: center;font-size: 1.3em;}
.account-layout .account-nav  a i {color: #c52432; font-size: 1.2em;}
.account-layout .account-nav  a.on {color: #c52432;}
.account-layout .account-nav  a.logoutlink {position: absolute; bottom: 15px; left: 15px;}
.account-layout #content {padding: 30px;width: 100%;background-color: #ecece6;}
.account-layout .breadcrumb {display: none;}
.account-layout #content h1 {margin-top: 0px;}

.account-layout .acc-form-panel {overflow: hidden;}

.account-layout .prev-orders{ display: flex; flex-direction: column; gap: 15px;}
.account-layout .prev-orders .order-item{background-color: #fff; border-radius: 10px; overflow: hidden;}
.account-layout .prev-orders .order-item .head{background-color:#58595c; color: #fff; font-size: 0.90em;}

.account-layout .account-nav .detail {display: flex;align-items: center;gap: 15px;padding: 45px 15px;margin-bottom: 30px;}
.account-layout .account-nav .detail i {font-size: 3.0em;color: #58595c;}
.account-layout .account-nav .detail .name {
    font-weight: 700;
    font-size: 1.15em;
}
.account-layout .account-nav .detail .email {font-size: 1.15em;}


.price-breaks-table-tabs > *:nth-child(odd) {background-color: #ecece6;}

div.manual-address { display: none; }
.manual-address-title { text-decoration: underline; cursor: pointer; }


.prod-info-top {display: flex; gap: 1rem; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.prod-info-top .avail-label {position: relative;}
.prod-info-top .avail-label .tag { font-size: 0.9rem;}
.prod-info-top.manu {margin-bottom: 30px; align-items: start;}


@media screen and (min-width: 1230px) {
   .account-layout .account-nav {padding-left: 50px;}
}

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

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

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

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


    
}
@media screen and (max-width: 1499px) and (min-width: 1350px) {
    }

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


    @media screen and (max-width: 1669px) and (min-width: 1231px) {
.account-layout .account-nav {max-width: 430px;}
    }

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

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

    

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

    @media screen and (min-width: 1230px) {
        .account-layout {min-height: calc(100vh - 617px);}
        .account-nav .mob-nav-bar {display: none;}
        .account-nav .mob-nav-overlay {display: none !important;}
        .account-layout .account-nav ul .logoutli {display: none;}
        .account-nav ul li.top {position: relative;}
        .account-nav .btn.register-trade {margin-left: 15px; height: 45px !important; min-height: 45px;  width: max-content;transform: translateY(-50px);font-size: 1em; padding: 6px 6px 6px 15px !important;}

    }

@media screen and (max-width: 1229px) {
     .account-nav .btn.register-trade {margin-left: 15px;width: max-content;font-size: 1.2em;margin-right: 15px;}
.account-layout #content {padding: 30px 15px !important;}
.account-layout .account-nav .detail {padding: 15px;margin-bottom: 0px;}
    .account-layout #content .container { max-width: 100% !important; }
    .account-layout .account-nav {max-width: 100%;padding-left: 0px;padding-bottom: 0px;}
    .account-layout .account-nav ul { position: fixed; top: 0px; right: 0px; background-color: #fff; height: 100%; z-index: 99999; border-radius: 0px; transform: translateX(100%); }
    .account-layout .account-nav.mobopen ul { transform: translateX(0%); }
    .account-layout { display: block !important; }
    .account-nav .mob-nav-bar {border-radius: 10px;padding-right: 15px;display: flex;width: 100%;max-width: 100%;align-items: center;justify-content: space-between;}
    .account-nav .mob-nav-overlay { position: fixed; background-color: #000; width: 100%; height: 100vh; z-index: 9999; top: 0; left: 0; opacity: .5; transition: none !important; }
.account-layout .account-nav .logoutlink{display: none;}
}

    @media screen and (max-width: 1229px) and (min-width: 992px) {
        .basket-top-flex .maw-25 { max-width: 400px; padding: 0; }
    }

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

    }

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

    }

    @media screen and (min-width: 992px) {
        .home-tab-views #selectedhead {display: none !important;}
        .home-tab-views .tab-opts {display: block !important;}
    }

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

            .prodslider .noslide {flex-wrap: wrap;}
        .prodslider .noslide .product-list-item{width: calc((100% - 1rem) / 2);}

    .tab-view.home {position: relative;}
    #selectedhead {display: flex; justify-content: space-between; align-items: center; max-width: 280px; font-size:1.4em; height: 50px; margin-bottom: 10px;}
    #selectedhead > div {display: none;}
    #selectedhead.st-0 .title-0 {display: block !important;}
    #selectedhead.st-1 .title-1 {display: block !important;}
    #selectedhead.st-2 .title-2 {display: block !important;}

        .home-tab-views .tab-opts { background-color: #fff; z-index: 5; position: absolute; top: 50px; left: 0px; width: 280px; box-shadow: 0px 3px 6px #00000029; }

.home-tab-views .tab-opts .flx-bx {flex-direction: column; gap: 0px !important;}
.home-tab-views .tab-opts .flx-bx > * {width: 100%; text-align: left !important; padding: 0px 15px;}
.home-tab-views .tab-opts h2 {font-size: 1.3rem !important; padding: 15px 0px;}
    .home-tab-views {background-color: #ecece6;}
    .home-tab-views a{background-color: #fff !important;}
    .home-tab-views .bright-filt{filter: none !important;}

    .carousel-mob-lazy {}
    .carousel-mob-lazy .tab-prod-carousel{display: none;}
    .carousel-mob-lazy .tab-prod-carousel.dw-loaded{display: flex;}

        .usps {font-size: 0.8em; gap: 30px;}
        .usps .line {border-right: 2px solid #232323;}
        .usps .usp strong{font-size: 1em;}

    .basket-top-flex .maw-25 { max-width: 100%; padding: 0; }



    }

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

    @media screen and (max-width: 991px) and (min-width: 670px) {
        .blogpost { width: calc(50% - 0.5rem); }
    }

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

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

    @media screen and (max-width: 767px) {
    
.popbody .inner {padding: 0px;}
        .usps {display: none;}

        .product h1 {line-height: 1.2em;}

    }

    @media screen and (max-width: 670px) {
.rss {row-gap: 15px;}
        .blogpost { width: 100%;}
.blogpost .title {min-height: 10px;}
    }

    @media screen and (max-width: 600px) {
        .homecatlnk{display: flex;max-height: 111px;position: relative;height: 111px;overflow: hidden;background-color: #ecece6; align-items: center;}
        .homecatlnk > * {grid-column-start: auto; grid-row-start: auto;}
.homecatlnk img {max-height: 100%;width: auto;height: 100%;display: block; transform: translateX(-24px);}
.homecatlnk .inner {padding: 0px; width: calc(100% - 135px);}
.homecatlnk h3 { color: #232323; font-size: 1.2em; margin: 0px; width: 100%;}
.homecatlnk .btn {display: none;}
    }

    @media screen and (max-width:580px) {
        .sab span { font-size: 14px; }

        .popbody.basketwidg .btn.clear {font-size: 1.0rem;}
        .popbody.basketwidg .hidemobtxt {display: none;}
        .popbody.basketwidg .inner > .p-30 {padding: 15px !important;}

   

    }

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

        .product-list-item .title {min-height: 30px;}
        .product-list-item .code {font-size: 0.85em;}
        .revstars {font-size: 1.3em;}
        h2 {font-size: 1.3em; font-weight: 500; padding: 15px 0px;}
        #filter-menu ul {font-size: 1em;}
        .product-img-slider .prod-thumbs .prod-thumbs-image{width: calc(20% - 0.4rem);}
        .prodpageatb {flex-wrap: wrap;gap: 15px;}
        .prodpageatb .qty{max-width: 200px;}
        .prodpageatb .btn {}

        .breadcrumb {padding: 15px;}
        h1 {margin: 1rem 0px 1rem;line-height:1;font-size: 1.8rem;}
        .product-img-slider .prod-thumbs {gap: 0.5rem;}
        .prodpageatb .btn {height: 50px;}
        .popbody { width: 100%; }
        .popbody .basket-actions .btn {height: 50px;}
        .popbody .basket-actions {padding: 1rem;}
        .basket-table .row .img {width: 45%;padding: 0px;}
        .basket-table .row .detail {padding-left: 10px;}
        .basket-table .row .detail a.title {font-size: 1.0em;}
        .basket-table .row {padding: 15px 0px 15px 0px;}
        .product-list-item .title {font-size: 1.2em;}
        .text, .txt {
            font-size: 1.0em;
            font-weight: 300;
        }
        .listing-ctrls{flex-direction: column-reverse !important;gap: 1rem;align-items: baseline;}
        .listing-ctrls .filter-togg {width: 100%; background-color: #232323; color: #fff; justify-content: center; align-items: center; height: 40px; border-radius: 20px;}
        .product-list-item .price-action {flex-wrap: wrap; gap: 1rem;}
        .product-list-item .price-action .btn {width: 100%;}
        .product-list-item .price {font-size: 1.5em;}
        .product-list-item .avail-label {display:none;}
        .product-list-item .vat-tag {font-size: 0.8em;}

        .price-breaks-table-tabs {font-size: 0.8em;}

        .basket-actions .discount-form .discount-box { padding-left: 20px; }
        .basket-actions .discount-form .discount-box h3 { font-size: 1rem; }
        .basket-actions .discount-form .discount-box span { font-size: 0.9rem; font-weight: 200; }


 }

 @media screen and (max-width: 495px) {
    .sab { text-wrap: balance; display: flex; align-items: center; text-align: end; }
    .form-surround .section .delivery h2 { text-wrap: nowrap; }
 }

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

    .product-list-item .title { font-size: 1.0em; padding-bottom: 0px; }

    .form-surround .section .delivery { display: block; }
    .form-surround .section .delivery h2 { text-wrap: nowrap; transform: none; }
            .popbody.basketwidg .btn.clear {font-size: 1.0rem; padding: 0px 5px;}
}

    
@media screen and (max-width:400px) {
.dw-carousel.wide-dots .dw-dots .dw-dot span {width: 30px;}

    .home-tab-views .bright-filt .img-container {min-width: 200px; max-width: 400px;}
.dw-carousel .dw-item img {max-width: 200px;max-height: 100%;}
.dw-carousel .dw-item .img-container {aspect-ratio: auto !important;padding-top: 15px;height: 200px;}

.anti-cls-shift {min-height: 470px !important;}


    .basket-table .row .img {}
    .basket-table .row {justify-content: center;}
    .basket-table .row .detail {}
.basket-table .row .detail .skucode {font-size: 0.9em;transform: translateY(0.5rem);}
.basket-table .row .detail .price {font-size: 0.9em;}
.basket-table .row .detail .price strong{font-size: 1.1em !important;}
    .basket-table .row .img {
}
    #filter-menu {max-width: 300px;}
    #filter-menu .inner{width: 300px;}
}

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

.background-lazy { background-image: none !important; }


.hexagon { position: relative; width: 60px; height: 34.64101615137755px; background-color: #ffffff; margin: 17.320508075688775px auto 0 auto; box-shadow: 0 0 50px rgba(255,255,255,0); border-left: solid 3px #000000; border-right: solid 3px #000000; display: grid; transition: 0s; }

.hexagon:before, .hexagon:after { content: ""; position: absolute; z-index: 1; width: 42.426406871192846px; height: 42.426406871192846px; transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 5.786796564403577px; box-shadow: 0 0 50px rgba(255,255,255,0); transition: 0s; }

.hexagon:before { top: -21.213203435596423px; border-top: solid 4.242640687119286px #000000; border-right: solid 4.242640687119286px #000000; }

.hexagon:after { bottom: -21.213203435596423px; border-bottom: solid 4.242640687119286px #000000; border-left: solid 4.242640687119286px #000000; }

.hexagon span { display: flex; justify-content: center; align-items: center; position: absolute; font-size: 25px; color: #000000; top: 1.7320508075688772px; left: 0; width: 54px; height: 31.1769px; z-index: 2; background: inherit; transition: 0s; }