/* input(543,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '30px' */
i.css-check.red {border-left: 2px solid #e10a0a; border-bottom: 2px solid #e10a0a; width: 100%; aspect-ratio: 1.55; transform: rotate(-45deg) translate(15%, -15%)}
i.css-check.white {border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 100%; aspect-ratio: 1.55; transform: rotate(-45deg) translate(15%, -15%)}

i.css-user.black { color: #000; display: inline-block; position: relative; width: 30px; aspect-ratio: 1; overflow: hidden; }
i.css-user.black:before { content: ''; position: absolute; left: 50%; top: 0px; aspect-ratio: 1; width: 54%; border-radius: 50%; transform: translateX(-50%); border: solid 1px currentColor; background-color: currentColor; }
i.css-user.black::after { content: ''; position: absolute; left: 0px; left: 50%; top: 60%; transform: translateX(-50%); aspect-ratio: 1; width: 88%; border-radius: 50%; background-color: currentColor; border: solid 1px currentColor }

i.css-x.white {aspect-ratio: 1; position: relative; transform: rotate(45deg);}
i.css-x.white:before {content: ""; display: block; height: 100%; width: 2px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
i.css-x.white:after {content: ""; display: block; height: 2px; width: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

i.css-exclamation.white {color: #fff; text-align: center;}
i.css-exclamation.white:before {content: "!"; font-style:normal;}

i.css-chev-up{display: flex; aspect-ratio: 1; min-width: 30px; transform: rotate(180deg); justify-content: center; align-items: center;     padding-bottom: 4%;}
i.css-chev-up:before { content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; width: 50%; aspect-ratio: 1; transform: rotate(-45deg) ; }
i.css-chev-down{display: flex; aspect-ratio: 1; min-width: 30px; justify-content: center; align-items: center;     padding-bottom: 4%;}
i.css-chev-down:before { content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; width: 50%; aspect-ratio: 1; transform: rotate(-45deg) ; }

i.css-chev-down.red:before {border-color: #e31e25;}
i.css-chev-down.blue:before {border-color: #114265;}
body {
}

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

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

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

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

@keyframes animloader {
  0% {
    box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
  }
  33% {
    box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
  }
  66% {
    box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
  }
  100% {
    box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
  }
}
@keyframes flash {
  0% {
    background-color: #f29393;
    box-shadow: 32px 0 #f29393, -32px 0 #e10a0a;
  }
  50% {
    background-color: #e10a0a;
    box-shadow: 32px 0 #f29393, -32px 0 #f29393;
  }
  100% {
    background-color: #f29393;
    box-shadow: 32px 0 #e10a0a, -32px 0 #f29393;
  }
}

@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #FF3D00, 24px 0 #FFF;
  }
  66% {
    background: #FF3D00;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FF3D00;
  }
}



*, *:before { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: margin .2s ease-in-out, 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, background 0.2s ease-in-out , border 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 {gap: 15px;  cursor: pointer; display: flex; justify-content: space-between; align-items: center;  }
.faq li.a { background: #fff; display: none; padding: 10px;}

.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: #E10A0A;}

ul.faq {margin: .5rem  0px; font-size: 1.14rem;   max-width: 335px; }
ul.faq span {  }

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

.pagefaqs .faq {max-width: 100%; border-bottom: 2px solid #c0ced8; margin: 0px !important;}
.pagefaqs .faq .q i {color: #043776; width: 15px; height: 15px; display: block; position: relative;}
.pagefaqs .faq.open .q i {transform: rotate(45deg);}
.pagefaqs .faq .a {    border-top: 2px solid transparent; padding: 30px 0px; font-weight: 400;background-color: transparent;}
.pagefaqs .faq.open .a {    border-top: 2px solid #c0ced8;}
.pagefaqs .faq .q i:before{content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 2px; background-color: #e31e25;}
.pagefaqs .faq .q i:after {content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 2px; height: 100%; background-color: #e31e25;}
.pagefaqs .faq .q { color: #114265; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; padding: 10px 0px; min-height: 60px; }

.pagefaqs .faq .a p {margin: 0px !important;}
.pagefaqs .faq .a span.product-desc p {margin: 0px 0px 15px 0px !important;}


.pagefaqs .sub-point {position: relative; padding-left: 45px; display: block;margin-bottom: 15px;}
.pagefaqs .sub-point:before { content: ""; width: 7px; height: 7px; border-radius: 100%; background-color: #e31e25; display: block; position: absolute; left: 20px; top: 10px; }
.pagefaqs .sub-point p{ display: block; margin: 0px;}
.categoryfaqs {padding: 170px 0px;}
.categoryfaqs .faq {max-width: 100%; border-bottom: 2px solid #c0ced8; margin: 0px !important;}
.categoryfaqs .faq .q i {color: #043776; width: 18px; height: 18px; display: block; position: relative;}
.categoryfaqs .faq.open .q i {transform: rotate(45deg);}
.categoryfaqs .faq .q i:before{content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 3px; background-color: #105382;}
.categoryfaqs .faq .q i:after {content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 3px; height: 100%; background-color: #105382;}
.categoryfaqs .faq .q {justify-content: start; color: #114265;  padding: 10px 0px; min-height: 80px; color: #000000; font-size: 1.3rem; font-weight: 700;}
.categoryfaqs .faq .a {background-color: transparent; padding: 0px 0px 15px 0px;}


form.loading .submit-load {position: relative; cursor: wait !important;}
form.loading .submit-load .btn {color: transparent !important;}
form .submit-load i{display: none; animation: rotation 1s linear infinite; width: 30px; height: 30px; border: 3px solid #fff; border-top: 3px solid transparent; border-radius: 100%; position: absolute;left: calc(50% - 15px); top: calc(50% - 15px); }
form.loading .submit-load i {display: block;}



.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: #000; 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; }


.worm-loader { width: 12px; height: 12px; border-radius: 50%; display: block; margin: 15px auto; position: relative; color: #e10a0a; box-sizing: border-box; animation: animloader 1s linear infinite alternate; }
.k-rider-loader { transition: none; width: 16px; height: 16px; border-radius: 50%; background-color: #e10a0a; box-shadow: 32px 0 #e10a0a, -32px 0 #e10a0a; position: relative; animation: flash 0.5s ease-out infinite alternate; }
.elip-loader { width: 16px; height: 16px; border-radius: 50%; display: block; margin: 15px auto; position: relative; background: #FFF; box-shadow: -24px 0 #FFF, 24px 0 #FFF; box-sizing: border-box; animation: shadowPulse 2s linear infinite; }
.spin-loader { width: 48px; height: 48px; border: 5px solid #e10a0a; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

      

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

.cmsactionloader {transition: none !important; position: fixed; font-size: 2em; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px; width: 100vw; height: 100vh; background-color: #ffffffe0; z-index: 10; }
.cmsactionloader .text {text-align: center; font-weight: 700;}

.flip {transform: rotate(180deg);}

.account-loadable {opacity: 1; }
.account-loadable.hidden {opacity: 0;}

@media screen and (max-width: 767px) {
    .categoryfaqs .faq .q {font-weight: 600; font-size: 1.2rem; min-height: 70px;}
    .categoryfaqs .faq .q i:before{ width: 100%; height: 2px; }
    .categoryfaqs .faq .q i:after { width: 2px; height: 100%; }

}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	10% {transform: translateY(-15px) ; }
	30% {transform: translateY(-5px);}
}
.bounce {
  animation: bounce 1s ease-out ;
}

.basketheader{position: relative;}

widgets .searchwidg form input {width: 100%;}
widgets .searchwidg .searchresults {height: calc(100vh - 92px); overflow: auto; padding-top: 30px;}
widgets .searchwidg .searchresults .catresults {max-width: 510px; margin: 0 auto 30px auto; display: flex; flex-direction: column; gap: .5rem;}
widgets .searchwidg .searchresults .catresults a{color: #105382; text-decoration: none; display: flex; gap: .5rem; margin-top: 10px;}
widgets .searchwidg .searchresults .catresults a:hover{color: #e11f26;}
widgets .searchwidg .searchresults .catresults .parent {font-size: 1rem; text-transform: uppercase; color: #105382; font-weight: 600;}
widgets .searchwidg .searchresults .catresults .cat-btn {display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 5px 20px; border: 2px solid #497ea3; background-color: #ebf7ff; border-radius: 3px;}
widgets .searchwidg .searchresults .catresults .cat-btn .name {font-size: 1.25rem;}
widgets .searchwidg .searchresults .catresults .cat-btn .shop-now {height: 44px; width: 125px; display: flex; align-items: center; justify-content:center; border-radius: 3px; background-color: #105382; color: #fff; border: 1px solid  #105382;}
widgets .searchwidg .searchresults .catresults a:hover .shop-now {background-color: #fff; color: #105382;}
widgets .searchwidg .searchresults .results-btm {position: sticky; left: 0px; bottom: 0px;}
widgets .searchwidg .searchresults productlisting{max-width: 510px; margin: 0 auto;}

header .errorpage .inner > *:nth-child(1) { width: 100% !important; justify-content: center !important; }


@media screen and (min-width:1669px) {
    nav .nav-flx .col2 { max-width: 810px; padding: 30px 0px; }
    nav .drop .subcats > * { width: calc(100% / 4); }
}

@media screen and (max-width: 1668px) and (min-width: 1230px) {
    nav .nav-flx .col2 { max-width: 630px; padding: 30px 0px; }
       nav .drop .subcats > * { width: calc(100% / 3); }
}

@media screen and (min-width:1230px) {
    header { box-shadow: 0 3px 6px #00000029; position: sticky; top: 0px; left: 0px; z-index: 10; background-color: #fff; transition: box-shadow .2s ease-in-out; }
    header .inner { display: flex; align-items: stretch; height: 100px; }
    header .inner > *:nth-child(1) { width: calc(50% - 115px); display: flex; align-items: center; justify-content: start; }
    header .inner > *:nth-child(2) { width: 269px; display: flex; align-items: center; justify-content: center; }
    header .inner > *:nth-child(3) { width: calc(50% - 115px); display: flex; align-items: center; justify-content: end; }
    nav { height: 100%; }
    nav ul { list-style: none; height: 100%; }
    nav > ul { display: flex; gap: 2rem; }
    nav > ul > li { height: 100%; }
    nav .toplnk { display: flex; gap: .5rem; align-items: center; height: 100%; align-items: center; }
    nav .toplnk i { min-width: 20px; }
    nav .toplnk a, widgets .toplnk a { color: #0d4165; text-decoration: none; text-transform: uppercase; font-weight: 700; }
    nav > ul > li .drop { width: 100%; position: absolute; left: 0px; top: 100%; max-height: 0vh; overflow: hidden; opacity: 0; }
    nav > ul > li:hover .drop { max-height: calc( 100vh - 90px); opacity: 1; }
    nav > ul > li .drop .drop-inner { border-bottom: 5px solid #105382; padding-top: 0px; transition: padding .2s ease-in-out; }
    nav > ul > li .drop .drop-inner .white-bg { background-color: #fff; padding-top: 50px; padding-bottom: 35px; }

    nav > ul > li .drop .drop-inner.split-bg { background: #FFF; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(16, 83, 130, 1) 50%); }
    nav > ul > li .drop .drop-inner.split-bg .white-bg{max-width: 1640px; margin: 0 auto;}

    header .homelnk { display: block; width: 269px; height: 70px; }
    widgets { width: 100%; display: flex; align-items: center; justify-content: end; }
    widgets ul { max-width: 400px; width: 100%; list-style: none; display: flex; justify-content: space-between; align-items: center; }
    widgets widget { display: flex; justify-content: center; align-items: center; }
    widgets widget .drop { display: none; }
    widgets widget .round { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); }
    widgets widget .round .count { background-color: #e11f26; color: #fff; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: .8rem; font-weight: 700; }
    widgets widget img { display: block; }
    header ul { padding: 0px; margin: 0px; }
    widgets a { display: block; position: relative; }
    widgets a img { display: block; }
    .site-usps { height: 50px; }
    .navicon-container { display: none; }
    header .navcontainer { display: block !important; }
    nav .drop .title { color: #114265; font-weight: 700; text-transform: uppercase; font-size: 1.2rem; margin-bottom: 20px; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
    nav .drop .subcats { display: flex; align-items: center; flex-wrap: wrap; }
    nav .drop .subcats.popular a {background-color: #105382; color: #fff; border-radius: 50px; text-align: center; justify-content: center; margin-bottom: 15px; }
    nav .drop .subcats.popular a:hover {background-color: #e11f26;}    
    nav .drop .subcats.popular > * {padding-right: 15px;}    
    nav .drop .title.popular {margin-bottom: 10px;}
    nav .drop ul li a { font-weight: 400; color: #555555; text-decoration: none !important; font-size: 1.2rem; line-height: 1.1; min-height: 38px; display: flex; justify-content: space-between; align-items: center; }
    nav .drop ul li a strong { color: #114265; }
    nav .drop ul li a:hover { color: #e11f26; }
    nav .drop ul li .btn { max-width: 216px; font-weight: 500; text-align: center; padding: 0px 30px !important; border-radius: 30px; margin-top: 20px; font-size: 1.1rem; text-align: center; justify-content: center; }
    nav .drop ul li.subscription-lnk .btn { max-width: 100%; min-height: 52px; border-radius: 5px; padding: 5px !important; font-size: 1.05rem; }

    nav .nav-flx { display: flex; justify-content: space-between; gap: 2rem; position: relative; }
    nav .nav-flx > * { }
    nav .nav-flx .col1 { width: max-content; padding: 30px 0px; max-width: 300px; }
    nav .nav-flx .col1 ul { width: max-content; max-width: 100%;}
    nav .nav-flx .col1 ul a { gap: 2rem; }
    nav .nav-flx .divide { width: 1px; background-color: #114265; margin: 0px 15px; }
 
    nav .nav-flx .col3 { position: relative; display: flex; justify-content: center; align-items: center;}
    nav .nav-flx .col3:before { content: ""; display: block; position: absolute; top: 50%; left: 33%; transform: translate(0%, -50%) rotate(36deg); background-color: #105382; width: 0; height: 700px; border-right: 500px solid #105382; z-index: 0; transform-origin: left; }
    nav .nav-flx .col3 img {position: relative; z-index: 1;}
    nav .nav-flx .col3 .btn {background-color: #fff ; position: relative; z-index: 1; max-width: fit-content; text-align: center; padding: 0 30px !important; border-radius: 30px; font-size: 1.1rem; text-align: center; justify-content: center; font-weight: 500; height: 40px; min-height: 40px; margin: 15px auto 0px; }
    nav .nav-flx .col3 .btn:hover {background-color: #fff;}  
    nav .nav-flx .col3 > div {padding: 30px 0px;}
    
    nav .static {display: none;}



    .navcontainer .mob-shop-all {display: none;}

}
@media screen and (max-width:1229px){
    header { box-shadow: 0 3px 6px #00000029; position: sticky;  top: 0px; left: 0px; z-index: 11; background-color: #fff; transition: box-shadow .2s ease-in-out;}
    nav {height: calc(100vh - 90px); position: relative;}
    widgets {width: 100%; display: flex; align-items: center; justify-content: end;}
    widgets ul {max-width: 400px; width: 100%;  list-style: none; display: flex; justify-content: space-between; align-items: center;}
    widgets widget {display: flex; justify-content: center; align-items: center;}
    widgets widget .drop {display: none;}
    widgets widget .round { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); }
    widgets widget .round .count{background-color: #e11f26; color: #fff; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: .8rem; font-weight: 700;}
    widgets widget  img {display: block;}
    widgets .toplnk {display: none;}
    header ul {padding: 0px; margin: 0px; gap: 1rem; }
    widgets a { display: block; position: relative; }
    header .inner {display: flex; align-items: stretch; height: 90px; align-items: center; justify-content: space-between;}
    header .navcontainer{position: absolute; top: 100%; left: 0px; right: 0px; background-color: #fff; display: none; height: 100vh;}
    .navicon-container { display: block; width: 15px; height: 40px; padding-top: 8px; margin-left: 15px; position: relative; }
    .navicon-container .menu-icon { width: 300%; height: 100%; transition: all .5s ease-in-out 0s; transform: rotate(0deg) scale(.6) translateX(-18px); position: relative; cursor: pointer; transform-origin: top left; }
    .navicon-container .menu-icon span { display: block; position: absolute; height: 3px; border-radius: 10px; opacity: 1; left: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; background-color: #e11f26; }
    .navicon-container .menu-icon span:nth-child(1) { top: 0px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(2) { top: 15px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(3) { top: 30px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon.open span:nth-child(1) { transform: rotate(45deg); top: 0px; left: 8px; }
    .navicon-container .menu-icon.open span:nth-child(2) { width: 0%; opacity: 0; }
    .navicon-container .menu-icon.open span:nth-child(3) { transform: rotate(-45deg); top: 32px; left: 8px; }
    nav ul {list-style: none; gap: 0rem !important; }
    nav > ul {display: flex; gap: 2rem; flex-wrap: wrap; max-width: 750px; padding: 0px 15px; margin: 0 auto; align-items: end;}
    nav > ul > li {height: 100%; border-bottom: #818e97 1px solid;}
    nav .drop {width: 100%; }
    nav .drop .toplnk {display: flex; gap: .5rem; align-items:center; height: 100%; align-items: center; justify-content: space-between; padding:0;}
    nav .drop .toplnk i{min-width: 57px; padding: 0px !important; position: relative; cursor: pointer;}
    nav .drop .toplnk i:before {position: absolute; left: 50%; top: 50%; border: none !important;transform: rotate(0deg) translate(-50%, -50%) !important; width: 2px; height: 15px; background-color: #e11f26;}
    nav .drop .toplnk i:after  {position: absolute; left: 50%; top: 50%; content: ""; border: none !important;transform: rotate(0deg) translate(-50%, -50%) !important; width: 15px; height: 2px; background-color: #e11f26;}
    nav .drop .toplnk a, widgets .drop .toplnk a {font-size: 1.1rem; color: #0d4165; text-decoration: none; text-transform: uppercase; font-weight: 700; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 800; font-style: normal; }
    nav .mobopen .css-chev-down {transform: rotate(45deg);}
    
    nav > ul > li .drop { width:100%;  position: static; left: 0px; top: 100%; max-height: 0vh; overflow: hidden; opacity: 0; }
     
    nav .mobopen > .drop {max-height: 40vh; opacity: 1; overflow: auto;

background:
			linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		

		radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background:

		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		

		radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40vh, 100% 40vh, 100% 14px, 100% 14px;
	

	background-attachment: local, local, scroll, scroll;

    }
    
    nav .mobopen > .drop .drop-inner .white-bg {background-color: transparent !important;}

    nav > ul > li .drop .container {padding: 0px;}
    nav .static {width: 34%; border-bottom: none;}
    nav .static a{text-decoration: none; color:#010101; display: flex; height: 45px; align-items: center;}
    nav .static.first {margin-top: 15px;}
      nav > ul > li .drop .drop-inner .nav-flx {display: flex; flex-direction: column-reverse; padding-bottom: 30px;}
      nav > ul > li .drop .drop-inner .nav-flx .col2 .title{display: none;}
nav > ul > li .drop .drop-inner .nav-flx .col2 .title.popular{display: block;}
      nav > ul > li .drop .drop-inner .nav-flx .title{color: #e11f26; font-size: 1.3rem; padding: 15px 0px 5px;}
      nav > ul > li .drop .drop-inner .nav-flx .btn.white{border: none; padding: 0px; margin-top: 10px;} 

    nav .drop ul li a { font-weight: 400; color: #555; text-decoration: none !important; font-size: 1.15rem; line-height: 1.1; min-height: 38px; display: flex; justify-content: space-between; align-items: center; }
    nav .drop ul li a strong {color: #114265;}
    
    nav .col3 {display: none;}

    .navcontainer .mob-shop-all {width: 100%; background-color: #105382; padding: 13px 10px; position: fixed; left: 0px; bottom: 0px;}
    .navcontainer .mob-shop-all a {max-width: 720px; margin: 0 auto; border-radius: 30px; min-height: 45px; font-size: 1.1rem;}
    .navcontainer .mob-shop-all a:hover {background-color: #ebf7ff; color: #105382; border: none !important;}

    header .homelnk {max-width: 200px; display: block;}

    .subscription-lnk {display: none;}

}

@media screen and (max-width: 550px){
    .home-true header {background-color: #f4faff; box-shadow: none;}
    .home-true.scrolled header  {  background-color: #fff !important; box-shadow: 0 3px 6px #00000029 !important;}
}

@media screen and (max-width:500px) {
    widgets {max-width: 130px;}
    header ul {gap: .7rem;}
    widgets ul li {flex: 1;}
    nav ul {list-style: none; gap: 0rem;}
    widgets widget .round .count { width: 1rem; height: 1rem; font-size: .5rem;}
    header .homelnk {width: 140px; display: block;}
    .navicon-container .menu-icon span:nth-child(1){top: 2px;}
    .navicon-container .menu-icon span:nth-child(3){top: 28px;}
    .navicon-container .menu-icon.open span:nth-child(1) {top: 2px;}
    .navicon-container .menu-icon.open span:nth-child(3) {top: 32px;}
    .navicon-container .menu-icon { width: 200%; height: 100%; transition: all .5s ease-in-out 0s; transform: rotate(0deg) scale(.6) translateX(-12px); position: relative; cursor: pointer; transform-origin: top left; }
    .navicon-container {height: 40px; margin-left: 12px;}

    header .inner {height: 70px;}
    #topmsg { height: 30px; padding: 0px 15px !important; min-height: 30px !important; font-size: .9rem; font-weight: 400; display: flex; align-items: center; justify-content: center; }
}

html, input, textarea, button, select { margin: 0px;  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100; color: #414141; font-display: swap;}

.ck-output { font-family: "Open Sans", sans-serif !important;}
.ck-output * { font-family: "Open Sans", sans-serif !important;}

.account-page-container table * {font-weight: 300; font-style: normal;  -webkit-font-smoothing: antialiased;}

.account-page-container table strong {font-weight: 700; }
.account-page-container table strong * {font-weight: 700 !important; }

.funnel-font {font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;}
.product {padding-top: 60px;}
.product .slide {display: flex; justify-content: center; align-items: center; aspect-ratio: 680 / 640;}
.product .prod-usps {z-index: 10; display: flex; background-color: #fff; position: absolute; left: 25px; top: 25px; width: calc(100% - 50px); border-radius: 5px; padding:10px; }
.product .prod-usps > * { flex: 1; border-right: 1px solid #114265; display: flex; gap: 10px; justify-content: center; align-items: center; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; min-height: 22px; color: #114265; }
.product .prod-usps > *:last-child{border-right: none;}
.product h1 {font-size: 2.2em; font-weight: 600; color: #114265; margin:  0 0 1rem 0; line-height: 1.25;}
.product size {display: flex; gap: .75rem; justify-content: start; align-items: center; color: #444444; text-decoration: none; margin: 1rem auto;}
.product size .divide {width: 0px; height: 1.25rem; border-right: 1px solid #444444; }
.product .sticky-images {position: sticky; top: 110px; left: 0px;}
.product .atb-btn {cursor: pointer; position: relative; border-radius: 50px; overflow: hidden; transition: transform .2s;}
.product .atb-btn:before {position: absolute; content: ""; background-color: #105382; width: 100%; height: 100%; top: 0px; left: 0px;}
.product .atb-btn:after {position: absolute; content: ""; background-color: #e31e25; width: 100%; height: 100%; top: 0px; left: 0px; transform: translateX(-100%); transition: .3s ease-in-out;}
.product .atb-btn:hover:after {transform: translateX(0%);}
.product .atb-btn .text {line-height: 1; text-align: center; min-height: 50px; justify-content: center; align-items: center; position: relative; z-index: 5; display: flex; gap: 1rem; color: #fff; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.product .atb-btn .text .atb {padding-left: 15px; border-left: 1px solid #fff;}
.product .atb-btn:active { transform: translateY(3px); }
.img-thumbs {margin-top: 23px;}
.img-thumbs .item {aspect-ratio: 1; background-color: #ebf7ff; border-radius: 15px; opacity: 0.62; display: flex; justify-content: center; align-items:center; }
.img-thumbs .item.on {opacity: 1; border: 1px solid #114265; }
.img-thumbs img {display: block; max-width: 100%; width: 100%;}
.order-type-opts {display: flex; flex-direction: column; gap: 13px; margin-bottom: 15px;}
.order-type-opts input[type="radio"] {opacity: 0; top: 0px; left: 0px;position:absolute; }
.order-type-opts .opt {display: block; border: 2px solid #7aa0ba; width: 100%; border-radius: 5px;position:relative;}
.order-type-opts .opt.on {background-color: #ebf7ff;}
.order-type-opts .opt .top {cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 15px; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; color: #114265; font-size: 1.1rem; }
.order-type-opts .opt .discount {   display: block;  line-height: 30px; padding: 0px 5px; background-color: #114265; text-align: center; border-radius: 4px; font-weight: 300; color: #fff;}
.upgrade-switch .discount { line-height: 30px; padding: 5px; background-color: #114265; text-align: center; border-radius: 4px; font-weight: 300; color: #fff;}
.order-type-opts .opt .top .left {display: flex; align-items: center; gap: 15px;}
.order-type-opts .indicator {background-color: #fff; width: 24px; height: 24px; border-radius: 100%; border: 2px solid #0E3E60; display: flex; justify-content: center; align-items: center;}
.order-type-opts .indicator:before {content: ""; width: 80%; aspect-ratio: 1; background-color: #e31e25; display: block; border-radius: 100%; opacity:0;}
.order-type-opts .opt.on .indicator {border: 2px solid #e31e25; opacity: 1;}
.order-type-opts .opt.on .indicator:before { opacity: 1;}
.order-type-opts .was {opacity: 0.5; text-decoration: line-through; font-weight: 500; font-size: 1.0rem;}
.order-type-opts .top .right {display: flex; justify-content: end; align-items: center; gap: .5rem;}
.order-type-opts .btm {padding: 0px 15px 15px 15px; display: block;}
.order-type-opts .btm:before {content: ""; display: block; border: 1px #7da5c0 solid ; margin-bottom: 10px;}
.order-type-opts .btm .usp {margin-top: 5px;}
.order-type-opts .btm select {margin-top: 15px;}
.order-type-opts .once-opts {background-color: #fff; padding: 5px; border: 1px solid #105382; border-radius: 5px; display: flex; width: 100%; margin-top: 15px; }
.order-type-opts .once-opts > * {flex: 1;}
.order-type-opts .price-break {font-weight: 300; font-size: 1.01rem; max-width: 235px; background-color: #105382; color: #fff; padding: 15px; border-radius: 3px; display: block; }
.order-type-opts .price-break strong{font-weight: 600;}
.order-type-opts .once-opts .qty {padding-left: 1rem; display: flex; align-items: center; justify-content: center; color: #114265;font-size: 1rem;}
.order-type-opts .once-opts .qty input { width: 25px; font-weight: 700; color: #114265; font-size: 1rem; border: none; text-align: center;}
.order-type-opts .once-opts .qty strong {padding-left: 10px;}
.order-type-opts .once-opts .qty .quantbtn {display: block; border: 1px solid #105382; width: 18px; height: 18px; padding: 0px; background-color: #fff; border-radius: 100%; position: relative;}
.order-type-opts .once-opts .qty .quantbtn.down:before{content: ""; width: 65%; height: 2px; background-color: #e31e25; position: absolute; left: 50%; top: 50% ; transform: translate(-50%, -50%);}
.order-type-opts .once-opts .qty .quantbtn.up {margin-left: 5px;}
.order-type-opts .once-opts .qty .quantbtn.up:before{content: ""; width: 65%; height: 2px; background-color: #e31e25; position: absolute; left: 50%; top: 50% ; transform: translate(-50%, -50%);}
.order-type-opts .once-opts .qty .quantbtn.up:after{ content: ""; width: 2px; height: 65%; background-color: #e31e25; position: absolute; left: 50%; top: 50% ; transform: translate(-50%, -50%);}
.order-type-opts .once-opts .price {display: flex; align-items: center; justify-content: center; gap: 10px;}
.order-type-opts .once-opts .price .now{color: #105382; text-decoration: underline; font-size: 1.1rem; font-weight: 600;}


.lg-usps{background-color: #f3fbff; margin-top: 120px; padding: 57px 0px;}
.lg-usps .right {aspect-ratio: 0.8878787878787879;border-radius: 30px; width: 100%;}
.lg-usps .right img {display: block;}
.lg-usps .inner-flx { display: flex; display: flex; gap: 2rem; margin: 0 auto; max-width: 1390px; position:relative; align-items: center;}
.lg-usps .inner-flx .left{width: calc(100% - 586px);}
.lg-usps .inner-flx .left .toptxt {max-width: 685px;}
.lg-usps .inner-flx .left .points{width: calc(100vw - 30px); max-width: 945px; margin-top: 45px;}
.lg-usps .inner-flx .left .point {background-color: #fff; border-radius: 16px; padding: 26px;}
.lg-usps .inner-flx .left .point h3 {margin: 10px 0px; color: #114265; font-size: 1rem; font-weight: 600;}
.lg-usps .inner-flx .left .point .text {font-size: 0.90rem;}
.lg-usps .inner-flx .right{flex: 1;}
.lg-usps h2 {font-size: 1.7rem !important;}

.brand-ad {padding-top: 180px; padding-bottom: 60px;}
.brand-ad .img{aspect-ratio: 1; background-color: #333; width: 100%; max-width: 535px;}
.brand-ad .copy{width: 100%; max-width: 650px;}
.brand-ad .inner-flx{justify-content: center; align-items: center; display: flex; gap: 30px;}
.brand-ad h2 {font-size: 2rem; max-width: 350px; display: block;}
.brand-ad .text {margin-top: 25px; margin-bottom: 25px;}

infotable {border: 1px solid #114265; border-radius: 5px; display: block; overflow: hidden; font-size: 1.1rem;}
infotable row {display: flex; border-bottom: 1px solid #114265;}
infotable row:last-child {border: none !important;}
infotable row cell {display: block; padding: 1rem;}
infotable row cell:first-child {width: 225px; border-right: 1px solid #114265; background-color: #ebf7ff; font-family: "Funnel Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; color: #114265;}
infotable p {padding: 0px; margin: 0px;}
 
@media screen and (max-width: 1229px) and (min-width: 992px) {
    .lg-usps .inner-flx .left .points{max-width: 900px; margin-top: 45px;}
}

@media screen and (max-width: 991px)  {
    .lg-usps .inner-flx {flex-direction: column; position: relative; max-width: 586px; margin: 0 auto;}
    .lg-usps .inner-flx .left {width: 100%;}
    .lg-usps .inner-flx .left .points{max-width: 100vw; margin-top: 45px; position: absolute; bottom: -65px; left: 50%; transform: translateX(-50%);}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .brand-ad {padding-top: 60px;}
}

@media screen and (max-width: 767px) {
       .brand-ad {padding-top: 30px; padding-bottom:30px; text-align: center;}
       .brand-ad h2 {display: block; width: 100%; margin: 0 auto !important;}
       .brand-ad .inner-flx{flex-direction: column;}
       .brand-ad .btn {margin: 0 auto;}
       .brand-ad .text {line-height: 2;}
       .brand-ad img {width: 70%;}
        .brand-ad .inner-flx {gap: 0px !important;}
        .categoryfaqs {padding: 60px 15px; 30px}
        .categoryfaqs h2 {text-align: left !important; margin-bottom: -15px !important;}
       .product {padding-top: 0px;}
       .product .maw-680 {max-width: 100% !important;}
       .product .prodimg-bstrap .sticky-images {background-color: #e6f7ff;}
       .product .prod-usps {display: none;}
       .product .prodimg-bstrap {padding: 0px;}
       .product .img-thumbs {padding: 0px 15px 20px; margin-bottom: 15px; margin-top: 0px; margin-top: -28px; position: relative; z-index: 10;}
       .product .img-thumbs img{display: none;}
        .img-thumbs .item { aspect-ratio: 1 !important; width: 13px; height: 13px; border-radius: 100%; opacity: 1; border: 1px solid #114265; }
       .img-thumbs .item.on {background-color: #114265;}
       .product .img-thumbs .section {justify-content: center;}
       .product .img-thumbs .section > div{width: auto !important; padding: 0px .2rem;}
       .product .sticky-images {position: relative; top: 0px;}

       .product .sticky-images .img-thumbs{}
       .product > .container > .section {gap: 0px !important;}
       .lg-usps {overflow: hidden;}
    .lg-usps .inner-flx .left .points { width: 88%;}
    .lg-usps .inner-flx .left .points .dw-stage-outer{overflow: visible !important;}
    .lg-usps .inner-flx .left .points .dw-item{ opacity: 1 !important;}
    .lg-usps {padding: 30px 0px 100px;}
    .lg-usps .inner-flx {gap: 1rem;}

}

@media screen and (max-width: 500px){
    .order-type-opts .once-opts {flex-wrap: wrap;}
    .order-type-opts .price-break {width: 100%; max-width: 100%; flex: auto;}
    .order-type-opts .once-opts .qty {padding: 15px;}
    .order-type-opts .opt .top {padding: 10px;}
    .order-type-opts .opt .top .left { gap: 10px;}
    .order-type-opts .top .right {flex-direction: column; gap: 0rem;}

}
productlisting {padding-bottom: 30px; color: #000000; text-align:center; text-decoration: none !important; display: block; height: 100%;}
productlisting > * {display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; gap: 2rem;}
productlisting * {max-width: 100%; text-decoration: none !important;}
productlisting .img {aspect-ratio: 1; background-color: #ebf7ff; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
productlisting size {display: flex; gap: 1rem; justify-content: center; align-items: center; color: #000000; text-decoration: none; margin: 1rem auto;}
productlisting size .divide {width: 0px; height: 1.25rem; border-right: 1px solid #000000; }
productlisting product_title { color: #114265; font-size: 1.35rem; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
product_price {color: #000; font-weight: 700; font-size: 2rem;}
product_price .was {font-size: 1.3rem; opacity: 0.75; font-weight: 500;}
product_price .was .line{text-decoration: line-through !important;}
product_price .now {display: block;}
product_price .now span { font-weight: 500; font-size: 1.3rem; }

productlisting a:hover product_title {color: #e11f26;}
.tab-view productlisting .img {background-color: #fff;}
productlisting .top {width: 100%;}

.searchwidg productlisting>*{gap: 0px !important;}
.searchwidg productlisting size { justify-content: start; margin: 0px 0px 5px; }
.searchwidg productlisting a{display: flex; flex-direction: row;}
.searchwidg productlisting a .img {width: 175px; border-radius: 6px; overflow: hidden;}
.searchwidg productlisting a .right {width: calc(100% - 175px); padding-left:25px; text-align: left;} 
.searchwidg productlisting a product_title {display: block; width: 100%; margin-bottom: .5rem;} 
.searchwidg productlisting a product_price  {font-size: 1.7rem;}
.searchwidg productlisting a .learn { font-size: 1.0rem; font-weight: 600; margin-top: .5rem; color: #e11f26; text-decoration: underline !important; }
.searchwidg productlisting a:hover .learn {text-decoration: none !important;}




@media screen and (max-width:500px) {
    productlisting {padding-bottom: 1rem;}
    productlisting size {font-size:.7rem; gap:.3rem; font-weight: 400 !important; margin: .5rem auto;}
    productlisting size strong {font-weight: 400 !important;}
    productlisting size .divide {height: 1rem;}
    productlisting product_title {font-size: 1.2rem; display: block; width: 100%; text-wrap-style: balance;}
    productlisting product_price {font-size: 1.3rem;}
    productlisting>* {gap: .5rem;}
}

@media screen and (max-width:400px) {
    productlisting product_title {font-size: 1.1rem; }
}


.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 3px;
	background-color:#bdc5cb;
}
.ui-slider-horizontal .ui-slider-handle {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: #fff;
    border-radius: 100%;
    border: 3px solid #e10a0a;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
    background-color: #e10a0a;
	transition: none !important;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}


html {  scroll-behavior: smooth; scroll-padding-top: 100px; }
body {margin: 0px;  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}
.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: ""; }
.text {font-weight: 400; line-height: 1.3; font-size: 1.2rem;}
.text.lg {font-weight: 400; line-height: 1.3; font-size: 1.5rem;}
.text.xlg {font-weight: 400; line-height: 1.3; font-size: 1.7rem;}
.text.sml {font-weight: 400; line-height: 1.3; font-size: 1.15rem;}
.text.xsml {font-weight: 400; line-height: 1.3; font-size: 1.05rem;}
.text.xxsml {font-weight: 400; line-height: 1.3; font-size: 0.9rem;}
.text ul {padding-left: 30px;}
.italic {font-style: italic;}
.no-p-padd p {margin: 0px; padding: 0px;}
.grey-bg {background-color: #f5f5f5;}
.white-bg {background-color: #fff;}
.dblue-bg {background-color: #0f0043;}
.prpl-bg, .purple-bg  {background-color: #314377;}
.lblue-bg {background-color: #e6f7ff;}
.blue-bg {background-color: #105383;}
.llblue-bg {background-color: #f3fbff;}
.lllblue-bg {background-color: #fbfdff;}
.lblue-bg-opacity {background-color: #e6f7ffed;}
.red-bg {background-color: #e10a0a;}
.bright-filt { filter: brightness(.96) sepia(.00) contrast(.999); background-color: #fff;}
.prpl-bord {border: 1px solid #314377;}
.white-txt {color: #fff;}
.purple-txt {color: #314377;}
.blue-txt {color: #063b68;}
.ddblue-txt {color: #062743;}
.dblue-txt {color: #114265;}
.black-txt {color: #000;}
.red-txt, .red-text {color: #e10a0a;}
.fill-height {    min-height: calc(100vh - 635px);}
.separate-line {border: 1px solid #7e8894; margin: 30px 0px;}
.bord-left-grey {border-left:1px solid #7b7b7b;}
.grey-bord {border: 1px solid #bdc5cb;}
.grey-bord-top {border-top: 1px solid #bdc5cb;}
.white-txt {color: #fff;}
main {min-height: calc(100vh - 635px);}
.img-white img{filter: brightness(100);}
h1, h2, h3, h4, h5, .btn { font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }

#topmsg p{padding: 0px !important; margin: 0px !important;}

.promise-banner { background-size: contain; background-repeat: no-repeat; background-position-x: right; background-position-y: bottom; border-radius: 8px; padding: 30px;}
.promise-banner .section {min-height: 510px; align-items: center; }
reviewstars {position: relative; display: block; width: 140px; height: 25px; overflow: hidden;}
reviewstars starsoff { display: block; width: 100%; height: 100%; background-image: url(../../images/icons/star-full.svg?v=wUQOKdTUc3GbeuT-L_CLj4Fr3A4); background-size: contain; background-position: left; background-repeat: repeat-x; filter: grayscale(1); opacity: 0.25;}
reviewstars starson {position: absolute; left: 0px; top: 0px; display: block; height: 100%; background-image: url(../../images/icons/star-full.svg?v=wUQOKdTUc3GbeuT-L_CLj4Fr3A4); background-size: contain; background-position: left; background-repeat: repeat-x; }
reviewstar {width: 25px; height: 25px; background-image: url(../../images/icons/star-full.svg?v=wUQOKdTUc3GbeuT-L_CLj4Fr3A4); background-size: contain; background-position: center; display: block; background-repeat: no-repeat; filter: grayscale(1); opacity: .5;}
reviewstar.full {filter: grayscale(0); opacity: 1;}
reviewstar.selectedstar {filter: grayscale(0); opacity: 1;}

.sml-stars reviewstars {width: 115px; height: 20px;}
.div-line { border-bottom: 2px solid #bdc5cb; }
.font-funnel { font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-style: normal; }
.font-opensa { font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "width" 100; }
h1{color: #314377; font-weight: 900; font-size: 3.2em;}
h2{color: #063b68; font-weight: 900; font-size: 3.0em;}
h3{font-weight: 900; font-size: 1.5em;}
h4{}
h5{}
h1.lg {}
h1.blue {color:#105382; }
h1.sml {font-size: 2.1em; font-weight: 700; color: #105382;}
h1.xsml {font-size: 2.1em;}
h2.underline {display: block;}
h2.underline:after {content: ""; height: 8px; width: 70px; display: block; background-color: #e10a0a;}
h2.dblue , h2.dblue-txt  {color: #114265;}
h2.sml {font-size: 2.2em; font-weight: 800;}
h2.xsml {font-size: 1.6em; font-weight: 800;}
h2.light {color: #105382; font-weight: 500 !important;}
h2.xxsml {font-size: 1.5em; font-weight: 600;}
h2.sml.underline:after {content: ""; height: 5px; width: 70px; display: block; background-color: #e10a0a; margin-top: 5px;}
h2.center{text-align: center; width: max-content; margin:0 auto;}
h2.center.underline:after{width: 100%;} 
h2.sml.center.underline:after{width: 100%;}
h2.sml.login {font-weight: 700; font-size: 1.8em;}
h2.blue {color: #105382;}
h3.sml {font-size: 1.1rem; font-weight: 600;}

.map-container  {width: 100%; aspect-ratio: 2.530612244897959; border-radius: 10px; overflow: hidden;}
.map-container iframe {width: 100%; height: 100%;}

.div-title {position: relative; text-align: center; display: flex; justify-content:center; align-items: center; }
.div-title:before {content: "";position: absolute; top: 50%; left: 0px; width: 100%; border-bottom: 1px solid #105382;}
.div-title > * {padding: 15px 15px 17px; background-color: #fff; position: relative; z-index: 1;     font-family: "Funnel Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; font-size: 1.5em;  color: #114265;}

h1.nomarg, h2.nomarg, h3.nomarg, h4.nomarg {margin: 0px;}
.dblue-bord {border: 1px solid #105382;}

.editor-label a.clearbtn { float: right; background-color: #314377; color: #fff; padding: 2px 5px 2px 5px; text-align: center; border: 1px solid #314377; display: block; }
.editor-label a.clearbtn:hover { background-color: #fff; color: #314377; cursor: pointer; }
.editor-field #sketch { height: 120px; border: 2px solid #061931; position: relative; max-width:860px; }
.editor-field #tmp_canvas, #tmp_canvas1, #tmp_canvas2 { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: url(/images/cursor-pen.png),crosshair; color: #59341a; }
h3.purple{color: #314377;}
h3.purple i{color: #e10a0a; margin-right: 5px;}
a.full-menu { text-decoration: none; }
a.full-menu:hover h2{color: #cb0e40;}
.split-title {text-align: center; position: relative; font-size: 1.2em;}
.split-title:before {content: " " ; border-bottom: 1px solid #061931; width: 100%; display: block; position: absolute; top: 50%; left: 0px;}
.split-title span {display: inline-block; padding: 15px; background-color: #fff; position: relative;}
.dw-carousel .dw-dots { display: flex; gap: 0.5rem;}
.dw-carousel .dw-dots .dw-dot{width: 12px; height: 12px; border: 1.1px solid #063b68; background-color: transparent; border-radius: 100%;}
.dw-carousel .dw-dots .dw-dot.active {background-color: #063b68;}

.tab-view .tab-opts {border-bottom: 4px solid #fff; margin-bottom: 60px;}
.tab-view .head {max-width: 900px; margin: 0 auto; position: relative;}
.tab-view .head .slider-select{height: 4px; position: absolute; left: 0px; top: 100%; background-color: #063b68;}
.tab-view .head .slider-select#on0{transform: translateX(0%);}
.tab-view .head .slider-select#on1{transform: translateX(100%);}
.tab-view .head .slider-select#on2{transform: translateX(200%);}
.tab-view .head .slider-select#on3{transform: translateX(300%);}
.tab-view .head .slider-select#on4{transform: translateX(400%);}
.tab-view .head .slider-select#on5{transform: translateX(500%);}
.tab-view .head .slider-select#on6{transform: translateX(600%);}
.tab-view .head .slider-select#on7{transform: translateX(700%);}


.tab-view .head .tab{opacity: 0.5; cursor: pointer; text-transform: uppercase; min-height: 60px; display: flex; justify-content: center; align-items: center;}
.tab-view .head .tab h2 {font-weight: 500; font-size: 1.6rem;}
.tab-view .head .tab:hover{opacity: 1;}
.tab-view .head .tab.on{opacity: 1;}
.tab-view .body {display: grid;}
.tab-view .body .tab{transition: none !important; grid-row-start: 1; grid-column-start:1; padding-bottom: 60px;}
.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-view .body .product-listing{box-shadow: 0px 3px 6px #00000029;}
.tilt-img-bord {position: relative; overflow: hidden;}
.tilt-img-bord img {max-width: 100%; width: 100%;}
.tilt-img-bord:after { position: absolute; height: 300px; width: 150%; background-color: #314377; content: ""; left: 50%; top: 91%; transform: translateX(-50%) rotate(4deg); border-top: 5px solid #e10a0a; }
.home-copy { background-size: cover; background-position: center; padding: 30px 15px; min-height: 645px; display: flex; justify-content: center; align-items:center; }
.red-bord-btm {border-bottom: 5px solid #e10a0a;}
.lblue-bord-btm {border-bottom: 1px solid #859fb1;}
.blue-bord-btm {border-bottom: 1px solid #062743;}
.purple-bord-btm {border-bottom: 1px solid #314377;}
.home-copy .inner {padding: 60px; border-bottom: 5px solid #e10a0a; background-color: #fff; max-width: 1270px; margin: 0 auto;}
.home-copy .inner h2{padding-bottom: 40px;}
.border-top {border-top: 1px solid #314377 ;}
.category-listing { background-color: #fff; height: 100%;  display: flex; justify-content: space-between; flex-direction: column; padding: 0px; align-items: center; text-decoration: none; border-bottom: 5px #e10a0a solid ; }
.category-listing:hover { border-bottom: 5px #314377 solid ; }
.category-listing img {}
.category-listing .name {min-height: 60px; padding: 10px 15px; font-weight: 800; display: flex; justify-content: center; align-items: center; color: #061931; font-size: 1.5em; text-align: center; text-decoration: none;}

.breadcrumb {background-color: #f5f5f5; padding: 20px 0px; }
.breadcrumb.white-bg {background-color: #fff;}
.breadcrumb .flx-bx {gap: 0.75rem;}
.breadcrumb a{ background-color: #fff; display: flex; justify-content:center; align-items: center; line-height: 1; padding:6px 25px 3px; border-radius: 30px; text-decoration: none; color: #061931; min-height: 33px; }
.breadcrumb a:hover {background-color: #061931; color: #fff;}
.breadcrumb span{ background-color: #fff; display: flex; border: 2px solid #314377;  justify-content:center; align-items: center; line-height: 1; padding:6px 25px 3px; min-height: 41px; border-radius: 30px; text-decoration: none; color: #314377;}
.breadcrumb a, .breadcrumb span { font-size: 1.25rem; font-weight: 600; }
.breadcrumb span.menu-breadcrumb { background-color: #fff; color: #314377; border-color: #314377; cursor: pointer; padding-right: 10px; }
.breadcrumb span.menu-breadcrumb:hover {border-color: #e10a0a;}
.menu-breadcrumb img { transform: rotate(0deg) scale(0.8); margin-bottom: 3px; }
.menu-breadcrumb img.open { transform: rotate(180deg) scale(0.8); }
.menu-breadcrumb-content { position: absolute; left: 0; width: 100%; z-index: 100; background-color: #F6FCFF; padding: 50px; margin-top: 20px; display: none; z-index: 1;}
.menu-breadcrumb-content .categories { display: flex; flex-direction: column; align-items: flex-start; max-height: 475px; overflow-x: clip; overflow-y: scroll; }
.menu-breadcrumb-content .categories a { font-size: 1.75rem; font-weight: 700; border-radius: 0; margin: 10px 0; background-color: transparent;}
.menu-breadcrumb-content .categories a:hover { color: #314377; background-color: transparent; }
.basketform {height: 100%; overflow: auto;}
.basketform.smaller { max-height: calc(100vh - 460px);}
.basketform::-webkit-scrollbar-track { position: absolute; background-color: #becbdc; }
.basketform::-webkit-scrollbar { width: 10px; background-color: #F5F5F5;}
.basketform::-webkit-scrollbar-thumb { background-color: #314377; }
.basketform .row {display: flex; gap: 1rem; flex-wrap: wrap;}
.basketform .row .img{ border-radius: 6px; overflow: hidden; width: 150px; aspect-ratio: 1; height: 150px; background-color: #ebf7ff; display: flex; justify-content: center; align-items: center;}
.basketform .row .img img { max-width: 100%; max-height: 100%; width: auto; height: auto;}

.basketform .row .was {    text-decoration: line-through;
    color: #888;
    margin-right: 10px;
    font-size: 1rem;}

.basketform .editor-field.qty {border: 1px solid #114265; padding: 10px; border-radius: 8px;}
.basketform .editor-field.qty .quantbtn{width: 18px; height: 18px; border: 1px solid #87a9c0; border-radius: 100%; background-color: #fff; position: relative; }
.basketform .editor-field.qty .quantbtn:before{content: ""; width: 65%; height: 1px; position:absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#e31e25;}
.basketform .editor-field.qty .quantbtn:after {content: ""; width: 1px; height: 65%; position:absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#e31e25;}
.basketform .editor-field.qty .quantbtn.minus:after {display: none;}
.basketform .editor-field.qty input {font-weight: 700; border: none; height: 20px; min-height: 20px; padding: 0px !important; text-align: center;}
.basketform .row .title {color: #114265; font-weight: 700; text-decoration: none; font-size: 1.1em; margin-bottom: 5px; display: block; padding-right: 100px;}
.basketform .row a.title:hover {color: #e31e25; }
.basketform .row .detail {width: calc(100% - (150px + 1rem)); display: flex; flex-direction: column; justify-content: space-between; align-items: start; padding: 10px 0px;}
.basketform .row .upgrade-switch {flex-wrap: wrap; font-size: 1.05rem; padding: 15px; border: 1px solid #195a87; border-radius: 6px; width: 100%; display: flex; align-items: center; background-color: #ebf7ff; gap: 2rem; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; color: #114265; row-gap: 15px; }

.basketform .row .upgrade-switch .freq-select {border-top:1px solid #195a87; width: 100%; }
.basketform .row .upgrade-switch .freq-select span {display:block; padding:20px 0px 15px; color: #114265; font-size: 1.1rem;}

.basket-table .row {display: flex;align-items: center;padding: 15px;   background-color: #fff; border-bottom: 1px solid #707070;}
.basket-table .row .img {background-color: #fff; 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;}
.basket-table .row .detail {width: 100%;padding-left: 20px;}
.basket-table .row .detail a.title{text-decoration: none; color: #232323; font-size: 1.3em; font-weight: 700; margin-bottom:15px; display: block;}
.basket-table .row .detail a.title:hover {color: #C52432;}
.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.checkout .item {background-color: #fff; border-bottom: 7px solid #e10a0a; min-height: 290px; display: flex; flex-direction: column; justify-content: center;}
.basket-table.checkout .row {border-bottom: none; justify-content: space-around; align-items: center; padding: 15px 0px;}
.basket-table.checkout .row:after {content: "" ; display: block;}
.basket-table.checkout .row .img {border: none; width: 40%;}
.basket-table.checkout .row .detail {width: 60%; max-width: 235px; padding: 0px 15px;}
.basket-table.checkout .row .detail a.title {color:#063B68; font-weight: 800;}
.basket-table.checkout .acc-drop {max-height: 250px; overflow: auto;}
.basket-table.checkout .acc-drop::-webkit-scrollbar-track { position: absolute; background-color: #becbdc; }
.basket-table.checkout .acc-drop::-webkit-scrollbar { width: 10px; background-color: #F5F5F5;}
.basket-table.checkout .acc-drop::-webkit-scrollbar-thumb { background-color: #314377; }
.basket-table.checkout .acc-drop > *:last-child .blue-bord-btm {border-bottom: none !important;}
.banner.home {display: grid; max-width: 100%;}
.banner.home > *{grid-column-start: 1; grid-row-start: 1;}
.banner.home .imgfader {position: relative; z-index: 1;}
.banner.home > .container {position: relative; z-index: 2;  }
.login-for-price { background-color: #EDF9FF; font-size: 1.13rem; padding: 10px 0; font-weight: 400;     color: #063B68;}
.login-for-price .lnk { font-weight: 700; background-color: #edf9ff !important; }
div.price .login-for-price { text-align: center; padding: 10px 0; font-size: 1.14rem;}
.featured-cats .section a { aspect-ratio: 1.358362; }
.full-menu.info { display: none; }
nav.bar > ul { padding-left: 0; }
nav.bar > ul > li { padding: 0 20px; }
nav.bar > ul > li:has(img) { display: flex; justify-content: space-between; }
nav.bar > ul > li > a:has(img) { display: flex; justify-content: space-between; width: 100%; }
nav.bar > ul > li:has(img) img.arrow { transform: rotate(270deg); }
nav.bar > ul > li h2 { font-size: 1.4rem; font-weight: 700; }
nav.bar > ul > li:not(.full-menu.info) h2 { height: 54px; line-height: 54px; }
nav.bar > ul > li:has(> a.full-menu.info) h2 { color: #fff; height: 42px; line-height: 42px; }
nav.bar > ul > li:has(> a.full-menu.info):nth-child(odd) { background-color: #314377; }
nav.bar > ul > li:has(> a.full-menu.info):nth-child(even) { background-color: #8a94b2; }
.accr-pop-lnk {cursor: pointer;}
.accr-pop-lnk:hover h2{color: #e10a0a;}

.disclaimer {}

.fixed-confirm {padding: 25px 0px; position: sticky; bottom: 0px; background-color: #fff; border-top: 5px solid #e10a0a; }
.fixed-confirm .inner {display: flex; justify-content: space-between; align-items: center;}
.fixed-confirm .inner > * {max-width: 28%;}
.fixed-confirm .vat-deliv .right-txt{ width: 80px;}
.fixed-confirm .btn {margin: 0px !important;}

.container.terms ul { list-style: lower-alpha; line-height: 24px; }
.container.terms ul li::marker { color: #E10A0A; font-size: 1.4rem; font-weight: 600; }
.terms .section { row-gap: 0; }
.terms.container ol h3, .privacy.container h3 { color: #314377; font-size: 1.5rem; font-weight: 700; }
.terms.container li { font-size: 1.25rem; line-height: 30px; margin: 12px 0;}
.terms.container li::marker { font-size: 1.4rem; font-weight: 700; color: #314377; }
.terms.container ol ul ol li::marker { font-size: 1.4rem; color: #314377; }

.privacy.container .section {  row-gap: 0; margin: 0; }
.privacy.container ul li { font-size: 1.25rem; line-height: 30px; margin: 5px 0;  }
.privacy.container ul li::marker { color: #E10A0A; font-size: 2rem; }
.container.subheading .section {row-gap: 1.4rem; margin: 0; }
.container.subheading p, .privacy.container p { font-size: 1.25rem; line-height: 30px; margin: 0; }
.container.subheading p.first-section { color: #061931; font-weight: 400; }
.container.subheading p.second-section { font-weight: 700; }

.text ul li::marker { color: #E10A0A; font-size: 1.5rem; }

.listing-actions form{gap: 2rem; display: flex; justify-content: end; align-items:center;}
.listing-actions .label {color: #414141; font-weight: 400; display: block; width:65px;}
.listing-actions select {border: 1px solid transparent; border-radius: 0px;  width: calc(100% - 65px);  padding: 0px; font-size: 1.1em; color: #043776; height: 32px; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; text-align: center; }
.listing-actions select:hover, .listing-actions select:active {border: 1px solid #767676;}
.listing-actions select option {font-weight: 400; text-align: left; color: #545151; font-size: 0.9rem;}
.listing-actions select option:nth-child(even){background-color: #f5fbff;}

.listing-actions .sort {display: flex; width: 240px; align-items: center;}
.listing-actions .filter-btn {cursor: pointer; gap: 10px; width: 105px; height: 38px; border-radius: 3px; display: flex; align-items: center; justify-content: center;  background-color: #105382; color: #fff; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 1.15rem; }
.listing-actions .filter-btn:hover {background-color: #e10a0a;}

.listing-message { background-color: #105382; padding: 5px; border-radius: 6px; margin-bottom: 10px; min-height: 45px; display: flex; justify-content: center; align-items: center;}
.listing-message > div {filter: brightness(100); margin: 0px !important; font-size: 1.25em;} 
.listing-message img {width: 26px;}
.listing-message .red.lnk {color: #fff !important;}


#productListings .listing-message {margin-bottom: 20px !important;}

.home-tab-views .bright-filt {filter: none !important; }

.map iframe{width: 100%; height: 285px; }


.ui-autocomplete { z-index: 9999; background-color: #fff; width: 418px !important; list-style: none; padding: 15px; border: 1px solid #e10a0a; box-shadow: 0px 3px 6px #00000029; font-weight: 600; }
.ui-autocomplete .ui-menu-item-wrapper{cursor: pointer; padding: 4px 0px;}
.ui-autocomplete .ui-menu-item-wrapper:hover {color: #e10a0a;}

#hirelistform .dt-container .dt-layout-row {margin-top: 0px;}
#hirelistform .dt-container .dt-layout-row:first-child {display: none;}
#orderlistform .dt-container .dt-layout-row {margin-top: 0px;}
#orderlistform .dt-container .dt-layout-row:first-child {display: none;}

.sitemap-lnks {display: flex; flex-wrap: wrap; list-style: none;  padding: 0px; row-gap: 10px;}
.sitemap-lnks li {width: 25%;}
.sitemap-lnks a {text-decoration: none; color: #062743; font-weight: 600; }
.sitemap-lnks a:hover {color: #e10a0a;}

.user-msg {padding: 10px 15px; color: #fff; background-color: #E10A0A; text-align: center; font-size: 1.1em; border-bottom: 1px solid #fff;}

.info-bx { background-color: #f5f5f5; border: 2px solid #314377; border-radius: 3px; display: flex; padding: 15px 25px; gap: 25px; align-items: center;}
.info-bx i {color: #e10a0a; width: 35px; height: 35px; border: 3px solid #e10a0a; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.3em;}
.info-bx .text {font-weight: 600; width: calc(100% - 55px);}
.info-bx i.fa-circle-info {border: none;}
.ui-helper-hidden-accessible {display: none;}
.popbody .basketform {gap: 0px !important;}
.popbody .basketform .row {position: relative; border-bottom: #bdc5cb 2px solid; padding: 24px 0px;}
.popbody .basketform .row .tag{position: absolute; top: 0px; right: 0px; font-weight: 700; background-color: #314377; color: #fff; padding:5px 10px 3px; border-radius: 20px;}
.popbody .basketform .row .tag.sale{}
.popbody .basketform .row .tag.hire{background-color: #e10a0a;}
.popbody form {width: 100% !important;}
.popbody form.searchform input{height: 60px; border: none !important; font-size: 1.3rem; padding-left: 10px;}
.popbody form.searchform input:focus-visible{border: none !important;}


.popbody h2 {font-size: 1.5rem; color: #105382;}

.sitemap-page {max-width: 1430px; margin: 0 auto;}
.sitemap-page i.css-chev-down{display: none !important;}
.sitemap-page .col1{display: none !important;}
.sitemap-page .col2 .title{display: none !important;}
.sitemap-page ul {list-style: none;}
.sitemap-page a {color: #e10a0a; text-decoration: none;}
.sitemap-page a:hover {text-decoration: underline;}
.sitemap-page li ul {padding: 0px !important;}
.sitemap-page li ul a{color: #314377;}

.privacy-page .privacy-section {padding-top: 75px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px;}
.privacy-page .privacy-section:nth-child(odd) {background-color: #f3fbff; }
.privacy-page .privacy-section > * {max-width: 980px; margin: 0 auto;}
.privacy-page .privacy-section p { font-size: 1.19rem; font-weight: 400; }
.privacy-page .privacy-section ul { font-size: 1.19rem; font-weight: 400; padding-left: 20px; padding-top: 20px;padding-bottom: 5px;}
.privacy-page .privacy-section ul li {padding-bottom: 15px; max-width: 780px;}
.privacy-page .privacy-section ul li::marker {color:#e10a0a;}
.privacy-page .privacy-section ul li strong {font-weight: 600;}
.privacy-page .privacy-section h3 {color: #105382; padding-bottom: 20px; font-size: 1.85rem;}
.privacy-page .privacy-section.btm p{padding-top:60px; padding-bottom: 60px; font-size: 1.23rem;}
 
.confirmed-page {position: relative; min-height: calc(100vh - 635px);}
.confirmed-page .right{width: 43%; position: absolute; top: 0px; right: 0px; height: 100%;}
.confirmed-page .right .shape{clip-path: polygon(32% 0, 100% 0, 100% 100%, 0% 100%); background-color: #105382; width: 100%; height: 100%;}
.confirmed-page .right img {position: absolute; top:50%; transform:translateY(-50%); left: 30px;}

.subscription-banner {background-color:#dbe8fb; padding: 15px 0px; min-height: 565px; display: flex; align-items: center; background-image: url('../../images/banner/supplements-banner.webp?v=SjjG9TTCChdk9nG1upJzi9l2E0U'); background-size: cover; background-position-x: right; background-position-y: center;}
.subscription-banner .panel {background-color: #fff; border-radius: 8px; padding: 50px; max-width: 812px;}
.subscription-banner .panel h1 {margin: 0px; line-height: 1; color: #105382; font-size: 3.0rem;}
.subscription-banner .panel .text {color: #105382; margin-top: 30px; max-width: 660px; font-size: 1.26rem;}

    @media screen and (max-width: 1669px) and (min-width: 1231px) {
        a.category-listing { }
        a.category-listing img {width: auto; height: auto; }
        .cat-container.section { margin: 0; justify-content: space-evenly; }
        .cat-container div { }
        .browse-by div.section { margin: 0; }
        .browse-by div.container h2 { padding-left: 20px; }
    }

    @media screen and (max-width: 1400px) and (min-width: 1231px) {
        .fixed-confirm .inner .btn {max-width: 20%;} 
    }


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


        .popbody .basketform .row .col.remove { position: absolute; font-size: 1.4em; right: 0px; top: 35px; padding: 5px;}
        .popbody .basketform .row .col.remove img {display: block;}
        .popbody .basketform .accs .row {padding-left: 60px;}
        .popbody .basketform .accs .col.remove { left: 10px;}
        .browse-all h2.sml {font-size: 1.5em; }
        
    }

    @media screen and (max-width: 1229px) {
        .breadcrumb {}
        .breadcrumb a, .breadcrumb span{font-size: 1rem; padding: 6px 12px 3px;}
        .popbody .basketform .row .col.remove { position: absolute; font-size: 1.4em; right: 0px; top: 35px; padding: 5px;}


    }

    @media screen and (max-width: 1229px) and (min-width: 992px) {
        .tilt-img-bord:after { top: 130px;}
        .tilt-img-bord-btm {position: relative; z-index: 0; margin-top: -70px;}
        .browse-all h2.sml {font-size: 1.5em; }
        .fixed-confirm .inner {flex-wrap: wrap; justify-content: center; gap: 1rem;}
        .fixed-confirm .inner h2{width: 100%; max-width: 100%; padding-bottom: 15px;}
        .fixed-confirm .inner .btn {max-width: 50%;} 
        .fixed-confirm .inner > * {max-width: 100%;}
        .promise-banner { background-size: 50%; }
        .promise-banner .section { min-height: 350px; align-items: center; }
    }

    @media screen and (min-width: 992px) {
        .home-tab-views #selectedhead {display: none !important;}
        .home-tab-views .tab-opts {}
        .home-tab-views .tab-opts .head {display: flex;}
        .home-tab-views .tab-opts .head .tab{flex: 1; text-align: center;}
        .homepage-tiles { gap: 20px; }
        .mob-menu-breadcrumb { display: none; }
        .mob-breadcrumb-container { display: none !important; }
        .mobile-category-list { display: none; }

        .tab-opts.mob {display: none;}
    }

    @media screen and (max-width: 991px) {
        .cat h1 {text-align: center;}
        .breadcrumb {display: none;}
        .breadcrumb.cat {display: block; padding: 0px;}
        .breadcrumb.cat .breadcrumb-container {display: none;}
        .breadcrumb.cat .menu-breadcrumb-content {margin: 0px; max-height: 80vh; overflow: auto; background-color: #f6fcff; top: 100% !important; border-bottom: 2px solid #e10a0a;}
        .breadcrumb.cat .menu-breadcrumb-content .category-list{display: block !important;}
        .breadcrumb.cat .menu-breadcrumb-content .categories {overflow: auto;}

         .promise-banner { background-size: 40%;     background-image: none !important;}
        .promise-banner .section { min-height: 410px;}
        .cat-top {display: flex; flex-direction: column; flex-direction: column-reverse; position: relative;}

        .tab-view.home {position: relative; min-height: 230px;}
    
        .home-tab-views {margin-top: -30px;}

        .tab-opts.desk {display: none;}
        .tab-opts.mob {border: none !important; padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center; justify-content: space-between;   max-width: 270px; margin: 0 auto;}
        .tab-opts.mob .current {text-transform: uppercase; color: #114265; font-weight: 600; font-size: 1.2rem;}
        .tab-opts.mob .updown {cursor: pointer; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}

        .tab-view .head .tab h2 {font-size: 1.01rem !important; padding: 15px 0px; font-weight: 500; color: #061931; }
        .tab-view .head .tab {opacity:1 !important; }
        .tab-view .head .tab h2:after {display: none;}
        .home-tab-views a{}
        .all-categories .cat-container.section, .browse-by div.section { margin: 0; row-gap: 16px; }
        .all-categories div.container, .browse-by div.container { padding: 0; margin: 0; max-width: unset; }
        .mob-breadcrumb-container { margin: 0 !important; }
        .mob-breadcrumb-container i { color: #e10a0a; margin-bottom: 3px;}
        a.category-listing { }
        a.category-listing span { font-size: 0.9em; }
        .cat-container, .browse-by div.section { justify-content: space-between; }
        .menu-breadcrumb-content .categories a { font-size: 1.2em; margin: 5px 0; }
        .browse-by div.container h2 { padding-left: 20px; }
        .mob-menu-breadcrumb { color: #314377; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; height: 30px; font-size: 1.1em;}
    
        .listing-actions {transform: none !important; justify-content: space-between; padding-bottom: 15px;}
        .listing-message {margin-top: 0px; padding: 15px;}
        .listing-message .blue-txt{line-height:1.2; }

        .confirmed-page .right {width: 33%;}
        .confirmed-page .right .shape { clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%); background-color: #105382; width: 100%; height: 100%; }
        .confirmed-page .right img {right: 30px; width: calc(100% - 60px);}

            .subscription-banner {text-align: center;}
            .subscription-banner .panel {background-color: #fff; border-radius: 8px; padding: 30px; max-width: 812px;}
            .subscription-banner .panel h1 {margin: 0px; line-height: 1; color: #105382; font-size: 2.0rem;}
            .subscription-banner .panel .text {color: #105382; margin-top: 30px; max-width: 660px; font-size: 1.1rem; line-height: 1.5;}



        }

    @media screen and (max-width: 991px) and (min-width: 768px) {
        .fixed-confirm .inner {flex-wrap: wrap;}
        .fixed-confirm .inner h2{width: 100%; max-width: 100%; padding-bottom: 15px; font-size: 1.5rem;}
        .fixed-confirm .inner .btn {max-width: 150px;} 
        .fixed-confirm .inner > * {max-width: 100%; font-size: 1.05rem;}
                .fixed-confirm .inner {flex-wrap: wrap; justify-content: center; gap: 1rem;}
        .fixed-confirm .inner h2{width: 100%; max-width: 100%; padding-bottom: 15px;}
        .fixed-confirm .inner .btn {max-width: 50%;} 
        .fixed-confirm .inner > * {max-width: 100%;}
    }

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

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

    }

    @media screen and (max-width: 991px) and (min-width: 670px) {
        .browse-all h2.sml {font-size: 1.3em; font-weight: 800;}
    }

    @media screen and (min-width: 520px) and (max-width: 669px) {
        .browse-all h2.sml {font-size: 1em; font-weight: 800;}
    }

    @media screen and (min-width: 480px) and (max-width: 519px) {
        .browse-all h2.sml {font-size: 0.9em; font-weight: 800;}
    }

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

    }

    @media screen and (min-width: 768px) {
        .banner.home {min-height: 600px; background-color: #314377; background-position: center; background-size: cover;}
        .banner.home .slide {padding: 30px; min-height: 380px; display: flex; flex-direction: column; justify-content: center; }
        .banner.home .slide .text {font-size: 1.6em;}
        .banner.home .dw-dots {position: absolute; left: 30px; bottom: 30px;}
    }

    @media screen and (max-width: 767px) {
        .text {font-size:1.15rem;}
        h2.xxsml {font-size: 1.3rem;}
        h2.xsml {font-size: 1.3rem;}

        .atb-form .info-bx {padding: 15px;}
        .info-bx i {display: none;}
        .info-bx .text {width: 100%;}

        .tab-view.home {padding: 0px 0.75rem;}
        .banner.home {display: block; min-height: 600px; background-color: #061931; background-position: center; background-size: cover;}
        .imgfader {aspect-ratio: 390 / 312;}
        div.feat-groups { padding: 0 !important; }
        .menu-breadcrumb-content .categories a { font-size: 1.38em; margin: 5px 0; }
        .menu-breadcrumb-content { padding: 10px; background-color: #fff; }


        .home-tab-views .tab-opts {left: 0.75rem;}

        .product-page.mt-30 {margin-top: 0px !important;}

        .fixed-confirm .inner {flex-wrap: wrap;}
        .fixed-confirm .inner h2{width: 100%; max-width: 100%; padding-bottom: 15px;}
        .fixed-confirm .inner .btn {max-width: 100%; margin-top: 1rem !important;} 
        .fixed-confirm .inner > * {max-width: 100%; width: 100%; padding: 0px; font-size: 1.3rem; margin-bottom: 10px;}
        .fixed-confirm .vat-deliv .right-txt {text-align: left !important;font-size: 1.2rem;}
        .fixed-confirm .vat-deliv .flx-bx {justify-content: space-between;}
        .fixed-confirm .vat-deliv > *:first-child {margin-bottom: 10px;}
                .confirmed-page .right {display: none;}
                h1 {line-height: 1;}
    }

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

       .basket-table.page .row{flex-wrap: wrap;}
       .basket-table.page .row .img {width: 100%; max-width: 100%; margin-bottom: 15px;}
       .basket-table.page .row .detail {padding: 0px;}
       .basket-table.page .col.remove {width: 100%; text-align: right;  padding-top: 15px;}
   }

    @media screen and (max-width: 520px) {
        .homepage-tiles { display: block !important; }
        .grad-img-lnk .text { font-size: 1.8rem !important; }
        .grad-img-lnk.sml { aspect-ratio: 180/100 !important; }
        .grad-img-lnk.sml .text { font-size: 4.5vw !important; font-weight: 600; width: min-content; line-height: 1.2 !important; left: 5% !important; bottom: 5% !important; }
        
        .tab-view .body .section.gap075 {margin: 0px -0.25rem; row-gap: 0.50rem;}
        .tab-view .body .section.gap075 > div{padding: 0.25rem;}

        .featured-cats {padding-top: 10px !important; margin-top: -30px;}

        .homepopcats {margin: -30px 0px -15px 0px;}

        .homepopcats .section {row-gap: 0.5em !important;}
        .homepopcats .section > *{padding: 0px 0.25em !important;}

        .home-copy .container { padding: 0; }
        .home-copy .inner { padding: 30px 20px; }
        .home-copy .inner h2 { font-size: 5.5vw; }
        .home-copy .inner .text.sml { font-size: 1em; line-height: 25px; }

        div.cat { padding: 0; }
        .cat .container h1.sml { font-size: 1.5em; text-align: center; margin-top: 0; padding-top: 20px; }
        .category-listing .name { font-size: 1.2em; }
        .category-listing .name span { color: #063B68;}

        a.category-listing { height: 100%; width: unset; padding: 0; }
        a.category-listing img { width: auto; height: auto; }

        div.breadcrumb { padding: 0; display: none;}
        .breadcrumb span { border: none; }
        .breadcrumb .container { padding: 0; }
        .breadcrumb .container .section { padding-top: 0; }
        
        .menu-breadcrumb-content { top: 200px; margin: 0px !important; padding: 15px; background-color: #fff; }
        .menu-breadcrumb-content .categories {max-height: calc(100vh - 230px); transform: scaleX(-1);}
        .menu-breadcrumb-content .categories a { font-size: 1.38em; margin: 5px 0; width: 100%; transform: scaleX(-1); text-align: left; justify-content: start; }
        .category-list {min-height: 90px;  }
        .category-list .flx-bx{max-height: 255px;}
        .category-list a {  min-height: 40px;  padding: 5px 10px;  }
       .menu-breadcrumb-content .categories::-webkit-scrollbar-track { position: absolute; background-color: #becbdc; }
       .menu-breadcrumb-content .categories::-webkit-scrollbar { width: 10px; background-color: #F5F5F5;}
       .menu-breadcrumb-content .categories::-webkit-scrollbar-thumb { background-color: #314377; }

        div.all-categories { padding-top: 0; }

        a.category-listing {  }

       
        div.product-section { padding: 0 !important; }
        .product-section div.section { margin: 0; }

    }

@media screen and (max-width:500px) {
    .atb-form .info-bx { padding: 2.5vw; }
    .atb-form .info-bx .text { font-size: 3.9vw; }

    
    .product-listing .price .now { font-size: 1.25em; }
    .usp-simple-slider { height: 40px !important; }

    .basketform .row .img { width: 60px; max-height: 60px; }
    .basketform .row .img img { max-width: 60px; }
    .basketform .row .detail { width: calc(100% - (60px + 1rem)); }


    h1.sml { font-size: 1.65em; font-weight: 800; }
    h2.sml { font-size: 1.5em; }
    .cat h1 { text-align: center; }
    .banner.home h2 { font-size: 7.8vw; }
    .banner.home .slide .text { font-size: 5vw; margin: 1rem 0px !important; }
    .banner.home h2.underline:after { height: 5px; }
    .banner.home .slide { padding: 1rem; }
    .grad-img-lnk .text { left: 30px; bottom: 10px !important; }

    #productListings .sml.underline { margin: 0px; }

    .section.cat-container { }
    .section.cat-container > div:nth-child(odd) { padding: 0px 0.25rem 0px 0px !important; }
    .section.cat-container > div:nth-child(even) { padding: 0px 0px 0px 0.25rem !important; }
    .section.listings-container { margin: 0px -1rem !important; }
    .section.listings-container > div:nth-child(odd) { padding: 0px 0.25rem 0px 0px !important; }
    .section.listings-container > div:nth-child(even) { padding: 0px 0px 0px 0.25rem !important; }

    .text { font-size: 1.0rem; line-height: 1.8; font-weight: 500;}
    .fixed-confirm { padding: 1rem 0; }
    .fixed-confirm .inner > * { font-size: 1.1rem; }
    .fixed-confirm .vat-deliv .right-txt { font-size: 1.0rem; }
    .fixed-confirm .btn { min-height: 40px; }
    .fixed-confirm h2 { display: none; }
    .basket-table.checkout .row .detail { font-size: 0.9rem; }
    .basket-table.checkout .item {min-height: 10px; border-bottom: 5px solid #e10a0a; }
    .basket-table.checkout .row .detail a.title{margin-bottom: 10px;}
    .basket-table.checkout .row .detail .mb-15{margin-bottom: 10px;}
    .basket-table.checkout .row .detail .fs-15{font-size: 1.2rem;}
    .basket-table .row .detail a.title {font-size: 1.1rem;}
    .basket-table.checkout .row .img {width: 35%; padding-right: 0px;}
    .basket-table.checkout .row .detail {width: 65%;}
    .home-tab-views {margin: -30px -1rem 0px -1rem;}
    
    .listing-actions {width: 100%; margin-top: 15px;}
    .listing-actions form {flex-wrap: wrap; justify-content: start; gap: 1rem;}
    .listing-actions form .filter-btn{width: 100%;}

    .basketform .row .upgrade-switch {gap: 1rem;}
    .basketform .row .upgrade-switch > span {display: flex; align-items: center; justify-content: space-between; gap: 1rem;         width: calc(100% - (52px + 1rem));}
.basketform .row .upgrade-switch .switch {min-width: 52px;}

    
}



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

    .browse-all .browse-flx { gap: 10px; }
}

    
@media screen and (max-width:420px) {
    .browse-all .browse-flx { gap: 0 !important; }
    .text.lg { font-size: 1.3rem;}
    .text.xlg { font-size: 1.4rem;}
 
    .browse-all .browse-flx .info-menu img { margin-left: 0; }
    .popbody .basketform {margin: 0px -15px; font-size: 1em;}
    .popbody .basketform img{max-width: 100%;}
    .popbody .basketform .row .img {max-width: 60px;}
    .popbody .basketform .row .tag { font-weight: 600; font-size: 0.95em;}

    .popup#accpop img {width: 80px;}
    .popup#accpop .maw-110 {width: 80px;}
    .popup#accpop .p-30 {padding: 15px;}
    .popup#accpop .purple-bord-btm .text { max-width: 180px; }
}

@media screen and (max-width: 500px) {
    .banner.simple h1 {font-size: 8vw; padding: 20px;}
.banner.simple {padding: 15px; min-height: 150px;}

.privacy-page .privacy-section {padding: 15px ;}

}



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

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

   
body {
}

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




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

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

.block {display: block;}

.no-p-marg p {margin: 0px !important;}
.no-padd {padding: 0px !important;}
.accordion {}
a {cursor: pointer;}

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

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

.dark-bg-img{}

.underl {text-decoration: underline;}

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

.rev-stars {display: grid;}
.rev-stars > *{grid-row-start: 1; grid-column-start: 1; display: flex;}
.rev-stars > *:last-child {color: #fff; 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;}
.fnt-w-800, .fw-800 {font-weight: 800;}
.fnt-w-900, .fw-900 {font-weight: 900;}

.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;}
.gap20px{gap: 20px;}
.gap30px{gap: 30px;}
.gap60px{gap: 60px;}

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

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

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

.full-w {width: 100%;}

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

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

.sticky.underhead {top: 110px;}

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

.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-3 {padding-top: 3px;}
.pt-5  { padding-top: 5px;    }
.pt-10 { padding-top: 10px;  }
.pt-15 { padding-top: 15px;  }
.pt-20 { padding-top: 20px;  }
.pt-25 { padding-top: 25px;  }
.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-16 { padding-top: 16px;  padding-bottom: 16px;}
.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-1rem {padding-left: 1rem; padding-right: 1rem;}

.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-5 { padding:  5px; }
.p-8 { padding:  8px; }
.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; }

.r-1rem {padding: 1rem;}

.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-5 {margin-top: 5px;}
.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-34{font-size: 3.4em;}.fs-35{font-size: 3.5em;}.fs-36{font-size: 3.6em;}.fs-40{font-size: 4.0em;}.fs-50{font-size: 5.0em;}
.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-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-700 {min-height: 700px;}
.mih-730 {min-height: 730px;}
.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; margin-top: 0px !important;}

@media screen and (min-width: 1920px) {
    .pl-12percent { padding-left: 12%; }
}

@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) {
    .pl-12percent { padding-left: 12%; }
}




@media screen and (min-width: 1231px) {
    .pl-200 { padding-left: 200px; }
}



@media screen and (min-width:992px) {
.resp-padd-30 {padding: 30px;}
.resp-paddx-30 {padding-left: 30px; padding-right: 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-paddx-30 {padding-left: 15px; padding-right: 15px;}
.resp-mt-30 {margin-top: 15px;}
}


@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;}
.m0-xxs {margin: 0px !important;}
.p0-xxs {padding: 0px !important;}
.fl-r-rev-xxs {flex-direction: row-reverse;}
.fl-r-col-xxs {flex-direction: column-reverse;}

.p-15-xxs {padding: 15px;}

} 
*, *: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;}
.section.sml-row-g {row-gap: 1rem !important;}

.row-gap-2em { row-gap: 2em !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-dir-row-rev {flex-direction: row-reverse;}
.fl-wrap { flex-wrap: wrap; }

.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.gap025{margin: 0 -0.25rem; row-gap: 0.5rem;}
.section.gap025 > div{padding: 0 0.25rem;}

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

.section.gap075{margin: 0 -0.75rem; row-gap: 1.5rem;}
.section.gap075 > div{padding: 0 0.75rem;}

.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) {
     .container { padding: 0px 1rem; }
    .section { margin: 0 -1rem; }
    .section > div { padding: 0 1rem; }
    .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%; }
  .dw-md-auto {width: auto;}
  .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-45percent { width: 45%; }
  .dw-lg-50percent { width: 50%; }
  .dw-lg-55percent { width: 55%; }
  .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-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-15 { border-radius: 15px; }
.rad-16 { border-radius: 16px; }
.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: 5; }

.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;}
.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 { 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 { display: flex; justify-content: center; align-items: center; font-size: 2em; padding: 0px !important; width: 30px; min-height: 30px; height: 30px; aspect-ratio: 1; position: absolute; top: 10px; right: 10px; z-index: 100; border-radius: 100%; color: #c52433; }
.popup .pop-container .btn.close:hover {  }
.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: 2px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #e10a0a; }
.popup .pop-container .btn.close > div:after { display: block; content: ""; width: 20px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #e10a0a; }
.popup .pop-container .btn.close:hover > div:before {background-color: #105381;}
.popup .pop-container .btn.close:hover > div:after {background-color: #105381;}

.popup .pop-container table.message {display: none;}

.popup .pop-scroll-wrapper {max-height: 80vh; overflow:auto;}

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

.popbody {z-index: 99;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: 600px;overflow: hidden;height: 100vh; padding: 0px 15px;}
.popbody.active {transform: translateX(0px); opacity: 1;}
.popbody.basketwidg { max-width: 600px !important; display: flex; flex-direction: column; background-color: #fbfdff; max-height: 100vh;}
.popbody.basketwidg .btm {background-color: #fff;}
.popbody.basketwidg .btm .subtotal { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 1.1rem; }

.popbody.basketwidg productlisting size {display: none;}
.popbody.basketwidg productlisting product_price {display: none;}
.popbody.basketwidg productlisting product_title {font-size: 1.15rem; padding-top: 10px;}
.popbody.basketwidg productlisting .img {margin-bottom: 10px;}

.popbody.basketwidg .no-items-content { height: 100%; display: flex; flex-direction: column; justify-content: space-around; }

.popbody .close {position: relative; font-size: 1.8em; cursor: pointer; display: block; font-weight: 600; width: 25px; height: 25px; transform: rotate(45deg);}
.popbody .close:before {border-radius:5px; content:""; width:3px; height:100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#E31E25;}
.popbody .close:after  {border-radius:5px; content:""; width:100%; height:3px; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#E31E25;}
.popbody .close:hover {color: #C52432;}
.popbody .inner{height: calc(100vh - 100px); display: flex; flex-direction: column; justify-content: space-between;}
.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: 70px; font-weight: 700; font-size: 1.1em; border: 2px solid #232323;}
.popbody #widgetbasketform { height: calc(100% - 100px); display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.popbody #widgetbasketform > * {width: 100%;}
.popbody .inner .OK, .popbody .inner .ok { font-weight: 500;}
.popbody .pop-title strong {display: block !important;}

.popbody.full-scn {display: none; transition: none; max-width: 1200px; border-bottom: 9px solid #e10a0a;}
.popbody.full-scn { top: 50%; right: 50%; transform: translate(50%, -50%); height: fit-content;}
.popbody.full-scn .inner {height: auto;}
.popbody.full-scn .top {text-align: center; position: relative;}
.popbody.full-scn .top .close {position: absolute; top: 30px; right: 30px; }
.popbody.full-scn strong {color: #063B68; border-bottom: 5px solid #e10a0a ; font-weight: 900;   }

.popbody .pop-title {display: flex; align-items: center;}
.popbody .pop-title > * {width: 100%;}

.popbody.filterslide {padding: 0px; display: flex; flex-direction: column; justify-content: space-between;}
.popbody.filterslide .actions{background-color: #105382; padding: 30px;}
.popbody.filterslide .actions .btn {border: 1px solid #fff !important; font-weight: 500;}
.popbody.filterslide .actions .btn.white-ghost {font-weight: 300;}
.popbody.filterslide ul {list-style: none; padding: 0px; margin: 0px;}
.popbody.filterslide ul li {border-bottom: 1px solid #98a2aa;}
.popbody.filterslide .filter-header {cursor: pointer; padding-right: 15px; min-height: 68px; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; color: #105382; font-size: 1.45rem; display: flex; justify-content: space-between; align-items: center; }
.popbody.filterslide .filter-header:after { content: ""; border-left: 3px solid #e10a0a; border-top: 3px solid #e10a0a; width: 13px; height: 13px; display: block; transform: rotate(45deg); }
.popbody.filterslide .open .filter-header:after {transform: rotate(-135deg);}
.popbody.filterslide .filter-header.always-open:after {display: none;}
.popbody.filterslide .filter-body.range {padding: 0px  0px 25px 0px !important;}

.popbody.filterslide .slidefilter  {overflow: auto;}

.popbody.filterslide li .filter-body {max-height: 0px; overflow: auto; display: flex; flex-direction: column; padding: 0px 30px; gap: 18px; font-size: 1.2rem; color: #000;}
.popbody.filterslide li.open .filter-body {max-height: 600px;}

.popbody.filterslide li .filter-body .range-text input {font-size: 1.2rem;}

.popbody.filterslide .price-slider{padding: .75rem;}
.popbody.filterslide .price-slider .range-text{margin-bottom:15px;} 

.popbody.filterslide .filter-opt span{padding: 5px; width: 22px; height: 22px; border: 1px solid #1b5a87; border-radius: 3px; display: flex; justify-content: center; align-items: center; }
.popbody.filterslide .filter-opt.selected span {background-color: #1b5a87;}

.popbody.filterslide .filter-opt {position: relative; display: flex; justify-content: start; align-items: center; gap: 1rem;}
.popbody.filterslide .filter-opt input{position: absolute; left: 0px; top: 0px; opacity:0;}

.popbody.filterslide .filter-body .filter-opt:first-child{margin-top: 15px;}
.popbody.filterslide .filter-body .filter-opt:last-child{margin-bottom: 40px;}

.popbody.filterslide .back {cursor: pointer; color: #e31e25; font-size: 1.2rem; display: flex; align-items: center; gap: .5rem; margin-bottom: 60px; font-family: "Funnel Display", sans-serif; font-weight: 400;}
.popbody.filterslide .back:before {content: ""; display: block; border-left: 3px solid #E31E25; border-top: 3px solid #E31E25; width: 13px; height: 13px; transform: rotate(-45deg);}
.popbody.filterslide .back span {text-decoration: underline;}
.popbody.filterslide .back:hover {color: #105382;}

.pop-wrapper {max-height: calc(80vh); overflow: auto;}

.popbody.searchwidg {max-width: 600px;}

 @media screen and (max-width: 767px) {
.popbody .inner {padding: 0px;}
.popbody.accred img {max-height: 150px; width: auto;}
    }
@media screen and (max-width:500px) {
  .pop-container .rel.padd-30 { padding: 15px; }
  .popup .pop-container .btn.close { right: 10px; top:10px; margin-top: 0px;}
  .pop-title > .p-30{padding: 0px 30px; width: 100%;}
  .popbody .inner {height: calc(100vh - 70px);}
  .popbody .inner > .p-30 {padding: 15px;}
  .popbody.accred img {max-height: 110px; width: auto;}
  .popbody {width: 100%;}
  .basketform .row {}
  .pop-title > .pt-30 {padding: 0px;}
  .popbody .search-top {padding: 15px 15px 0px 15px;}
  widgets .searchwidg .searchresults productlisting {padding: 0px 15px 15px 15px;}
  widgets .searchwidg .searchresults {    height: calc(100vh - 67px);}
  widgets .searchwidg .searchresults .results-btm {padding: 13px 10px;}
  widgets .searchwidg .searchresults .results-btm .btn{border-radius: 30px; }
  .popbody form.searchform input {height: 50px;}

    .popbody.filterslide .back {margin-bottom: 15px;}
.popbody.filterslide .div-line {margin-top: 5px;}
    .popbody.filterslide .filter-header { min-height: 50px;}
.popbody.filterslide li .filter-body {padding: 0px;}

.popbody.filterslide .actions {padding: 15px;}
.popbody.filterslide .slidefilter {max-height: 100%; overflow: auto;}

}

footer {background-color: #f3fbff; font-size: 1.2rem;}
footer a {color: #3f4244; text-decoration: none; font-weight: 400;}
footer a:hover {text-decoration: underline !important;}
footer ul {padding: 0px; list-style: none; margin-top: 0px;}
footer .title {color: #114265;}
footer .payment-icons {margin-top: 50px;}
footer .inner {min-height: 430px; display: flex; justify-content: center; align-items: center;}
footer .inner > * {width: 100%;}
footer .btm {font-size: 1rem; color: #4b4e4f; padding: 15px;}
footer .btm a {color: #114265; text-decoration: underline; font-weight: 600;}
footer .btm a:hover {text-decoration: none !important;}

footer {padding-top:30px;}

@media screen and (min-width:992px){
    footer ul { display: block !important;}
    footer .titlehead i {display: none;}
}

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

    footer .inner {padding: 15px;}
      footer .titlehead i {width: 20px; min-width: 20px; padding-bottom: 1%;}
      footer .titlehead {display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #bacdd8; height: 40px; cursor: pointer;}
      footer .section {row-gap: 0px;}
      footer .contacts {margin-top: 60px;}
      footer .contacts a {margin-bottom: 15px; display: block;}
      footer .address {margin-top: 30px;}
      footer .maw-610 {margin: 0 auto;}
      footer .btm {padding: 0px; font-weight: 400; font-size: 0.9rem;}
      footer .btm .flx-bx {flex-direction: column; padding: 0px;}
      footer .btm .flx-bx > *{width: 100%; line-height: 35px; text-align: center;}
      footer .btm .flx-bx > *:last-child{background-color: #fff;}
}
a {cursor: pointer;}
.btn {text-align: center; color:#105382; font-weight: 700; border-radius: .5rem; cursor: pointer; display: flex; justify-content: center; align-items: center; min-height: 50px; padding: 0px 15px 4px; text-decoration: none; font-size: 1.3em; line-height: 1; border: 0; width: 100%; gap: 10px; position: relative;}

.btn.h-42 {min-height: 42px !important; border-radius: 3px;}
.btn.sml {border-radius: 4px;}
.btn.lg {min-height: 55px !important; font-weight: 700;  border-radius: 5px;}
.btn.xlg {min-height: 66px !important; font-weight: 500;}
.btn.sml {min-height: 43px; font-size: 1em;}
.btn.xsml {min-height: 30px; font-size: 1em;}
.btn.xsml img {max-height: 22px;}
.btn.xxsml {min-height: 30px !important; font-size: 0.9em; font-weight: 200;}
.btn.xxsml img {max-height: 25px;}
.btn.input-btn {    min-height: 42px;}
.btn .count {font-size: 0.85em;padding-top: 3px; position: absolute; background-color: #e10a0a; top: -15px; right: -10px; aspect-ratio:1; border-radius: 100%; width: 30px; height: 30px; display: flex; justify-content:center; align-items: center; color: #fff; }
.btn .count.hidden {display: none;}
.btn.icon {padding: 0px !important;}
.btn.auto-w{ width: auto;}
.btn.max-content{ width: max-content !important;}
.btn.round {border-radius: 30px;}
.btn.sml-txt {font-size: 1.1rem; font-weight: 400;}
.btn *{transform: translateY(5%);}
.btn.red, .btn.delete, .btn.remove {background-color: #e10a0a; color: #fff;}
.btn.red:hover, .btn.delete:hover, .btn.remove:hover {background-color: #063b68; }
.btn.blue, .btn.edit {background-color: #105381; color: #fff; border: none;}
.btn.blue:hover {background-color: #e31e25; color: #fff;}
.btn.blue-ghost {background-color: transparent; border: 2px solid #063b68; color: #063b68;}
.btn.blue-ghost:hover {background-color: #063b68; color: #fff; }
.btn.purple {background-color: #e31e25; color: #fff;  border: none;}
.btn.purple:hover {background-color: #e31e25; color: #fff;}
.btn.black {background-color: #000; color: #fff;  border: none;}
.btn.black:hover {background-color: #333; color: #fff;}
.btn.purple.disabled {background-color: #e31e25; color: #fff;  border: none; opacity: 0.5;}
.btn.purple.disabled:hover {background-color: #e31e25;}
.btn.purple-ghost {background-color: #fff; border: 2px solid #e31e25; color: #e31e25;}
.btn.purple-ghost:hover {background-color: #e31e25; border: 2px solid #e31e25; color: #fff;}
.btn.black-ghost {background-color: #fff; border: 2px solid #000; color: #000;}
.btn.black-ghost:hover {background-color: #000; border: 2px solid #000; color: #fff;}
.btn.blue-ghost.alt {border: 1px solid #e31e25; color: #232323; background-color: #fff;}
.btn.blue-ghost.alt:hover {color: #e10a0a;}
.btn.lblue {background-color: #e6f7ff; color: #063b68;  border: none; border: 1px solid #105382;}
.btn.lblue:hover {background-color: #063b68;  color: #fff;}
.btn.back {background-color: #bbb; color : #343738;}
.btn.back:hover {background-color: #666; color : #fff;}
.btn.grey {background-color: #f5f5f5; color : #343738;}
.btn.grey:hover {background-color: #666; color : #fff;}
.btn.dgrey {background-color: #d4d4d4; color : #343738;}
.btn.dgrey:hover {background-color: #666; color : #fff;}
.btn.green {color: #fff; background-color:#79b473;} 
.btn.green:hover {color: #fff; background-color:#70a37f;} 
.btn.white {background-color: #fff; color: #2C5460; color: #105382; border: 1px solid #105382;}
.btn.white:hover, a:hover .btn.white {background-color: transparent;  color: #e10a0a; border: 1px solid #e10a0a;}
.btn.white.althov:hover {background-color: #fff; color: #e31e25;}

.btn.alt { font-weight: 400; font-size: 1.2rem; border-radius: 5px; height: 54px; padding: 0px 15px;}
.btn.alt.sml {min-height: 40px; height: 40px;}

.btn.fnt-w-300 {font-weight: 300;}
.btn.fnt-w-400 {font-weight: 400;}

.btn.clear {background-color: transparent; color: #2C5460; color: #105382; border: 1px solid #105382;}
.btn.clear:hover {background-color: transparent;  color: #e10a0a;  border: 1px solid #e10a0a;}

.btn.white:hover img{filter: brightness(100);}
.btn.white-ghost {background-color: transparent; border: 2px solid #fff; color: #fff;}
.btn.white-ghost:hover {background-color: #fff; color: #2C5460;}
.btn.file { padding-left: 70px; padding-right: 30px; font-weight: 500;position: relative; min-height: 65px; border: 1px solid #e31e25; background-color: #F5F5F5 ; border-radius:4px ; color: #061931;}
.btn.file span {font-size: 0.85em; font-weight: 600;}
.btn.file i {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #e31e25; font-size: 1.7em;}
.btn.file:hover {color: #e10a0a; border: 1px solid #e10a0a;}
.btn.file:hover i{color: #e10a0a;}
.rate-lnk:hover .fa-chevron-right {color: #e10a0a; }
.editor-field .btn {min-width: 120px;}

.btn.rad-5 {border-radius: 5px;}

.fit-content-w, .btn.fit-content-w {width: fit-content;}

.switch {cursor: pointer;width: 52px;display: block;position: relative;height: 25px;border-radius: 20px;border: 2px solid #e94e53;background-color: #fff; }
.switch:before { box-shadow: 0 3px 6px #00000029; content: ""; display: block; top: 50%; transform: translate(0%, -50%); aspect-ratio: 1; height: 80%; border-radius: 100%; left: 8%; position: absolute; background-color: #e94e53; }
.switch.on, .switch:has(input:checked) { background-color: #e94e53; }
.switch.on:before, .switch:has(input:checked):before { left: auto; right: 8%; background-color: #ffffff;}
.switch input { display: none; }
.switch.sml { width: 40px; height: 20px; }
.checkbx {color: #e10a0a; aspect-ratio: 1;justify-content: center; align-items: center; cursor: pointer;width: 1.5rem; display: flex;position: relative;height: 1.5rem;border: 1px solid #e31e25;background-color: #fff;}
.checkbx i {opacity: 0;}
.checkbx:hover i {opacity: 0.5;}
.checkbx.on i, .checkbx:has(input:checked) i{opacity: 1 !important; color: #fff !important;}
.checkbx.on i.css-check.red, .checkbx:has(input:checked) i.css-check.red{border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.checkbx.on, .checkbx:has(input:checked) {color: #fff; background-color: #e10a0a; border: 1px solid #e10a0a;} 
.checkbx input { display: none; }
.radio { display: flex; justify-content: center; align-items: center; background-color: #fff; color: #d4d4d4; border: 1px solid #d4d4d4; height: 40px; border-radius: 3px; font-weight: 600; cursor: pointer; }
.radio input { display: none; }
.radio.on { border: 1px solid #345995; background-color: #345995; color: #fff; }
.radio:hover { transform: translateY(-5px); }
.lnk {text-decoration: none; cursor: pointer;}
.lnk.white {color: #fff;}
.lnk:hover {text-decoration: underline;}
.lnk.default {color: #0000EE; text-decoration: underline;}
.lnk.default:hover {text-decoration: none;}
.lnk.purple {color: #e31e25; text-decoration: underline;}
.lnk.purple i{color: #e10a0a; margin-right: 10px;}
.lnk.purple:hover {text-decoration: none;}
.lnk.blue {color: #063b68;}
.lnk.blue:hover {color: #e31e25; text-decoration: none;}
.lnk.red {color: #e10a0a; text-decoration: underline;}
.lnk.red:hover {color: #e31e25; text-decoration: none;}
.lnk.grey {color: #414141;}
.lnk.underl {text-decoration: underline !important;}
.lnk.underl:hover {text-decoration: none !important;}
.lnk.no-underl {text-decoration: none;}
.lnk.no-underl:hover {text-decoration: underline;}
.call-mail-lnk {font-size: 1.2em; font-weight: 700; color: #061931; text-decoration: none; display: flex; gap: 15px; align-items: center;}
.call-mail-lnk i {color: #e10a0a; font-size: 1.2em; transform: translateY(-3px);}
.btn.index {display:flex; padding: 0px ;}
.blocklnk {aspect-ratio: 210 / 225; gap: 1.5rem; display: flex; text-decoration: none; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
.blocklnk:hover {transform: translateY(-5px); box-shadow: 0 7px 10px 0px #00000029;}
.blocklnk i {min-height: 80px; display:flex; justify-content: center; align-items: center; font-size: 4em;}
.blocklnk span {display: flex; min-height: 45px; align-items: center; font-size: 1.3em; max-width: 170px;}
.blocklnk.purple {background-color: #e31e25; color: #fff;}
.blocklnk.white {background-color: #fff; color: #e31e25;}
.blocklnk.lblue {background-color: #e9f8ff; color: #e31e25; border: 2px solid #e31e25;}
.blocklnk.lblue span {color: #061931;}
.blocklnk .loader {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;}
.blocklnk .loader .spin-loader{border:5px solid #e31e25 !important; border-bottom-color: transparent !important;}
.blocklnk.loading .loader {opacity: 1;}
.blocklnk.loading > span {opacity: 0.4;}
.blocklnk.loading > i {opacity: 0.4;}
.file-upload{border-radius: 3px; display: flex; cursor: pointer; border: 2px solid #e31e25; position: relative;}
.file-upload .btn {width: 130px;}
.file-upload .file-input {opacity: 0;display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer;}
.file-upload .file-name {width: calc(100% - 130px); border: none; font-size: 1.1em; padding: 0px 15px; cursor: pointer;}

.hov-link {display: block; text-align: center; font-size: 1.3em; color: #0d4165; font-weight: 400; transition: .25s cubic-bezier(0.19, 0.83, 0.58, 1);text-decoration: none;}
.hov-link img{border-radius: 5px; margin-bottom: 5px; opacity: 0.8; }
.hov-link:hover {transform: translateY(-10px); text-decoration: underline;}
.hov-link:hover img{opacity: 1;}

.btn.pill {border-radius: 30px; font-weight: 500;}
.btn.pill.sml {min-height: 25px;}
.btn.disabled {opacity: 0.7; filter: grayscale(1);}

.btn.round {border-radius: 30px;}

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

.h2lnk {text-decoration: none;}
.h2lnk h2{font-size: 2.3rem; margin: 15px 0px 0px 0px;}

@media screen and (max-width:1229px) {
    .btn .count { font-size: 0.7em; width: 20px; height: 20px; top: -5px; right: -0px; padding-top: 4px; }
}
@media screen and (max-width:991px) {
   
}

@media screen and (max-width:500px) {
   .grad-img-lnk.sml .text{ font-size: 4.5vw;}
   .btn.file {min-height: 50px; padding-left: 50px; padding-right: 15px;}
   .btn.file span {font-size: 0.9rem;}
   .btn.file i {left: 10px; font-size: 1.2em;}
   .full-mobdown {width:100%; max-width: 100%;}
   .btn {font-size: 1.15rem;}


    .hov-link {transform: none !important; opacity: 1 !important;}
    .hov-link img {opacity: 1 !important;}
}
.dw-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.dw-carousel .dw-stage {position: relative;display: flex;-ms-touch-action: pan-Y;touch-action: manipulation;height: 100%;-moz-backface-visibility: hidden;}
.dw-carousel.flex-carousel .dw-stage{display: flex;}
.dw-carousel .dw-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.dw-carousel .dw-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.dw-carousel .dw-wrapper,
.dw-carousel .dw-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.dw-carousel .dw-item {position: relative;min-height: 100%;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.dw-carousel .dw-item img {display: block;}
.dw-carousel .dw-nav.disabled,
.dw-carousel .dw-dots.disabled { display: none; }
.dw-carousel .dw-nav .dw-prev,
.dw-carousel .dw-nav .dw-next,
.dw-carousel .dw-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dw-carousel .dw-nav button.dw-prev,
.dw-carousel .dw-nav button.dw-next{border: 1px solid #105382; background-color: #fff; display: flex; justify-content: center; align-items: center; width: 50px;  height: 50px;}

.dw-carousel .dw-nav button.dw-prev i,.dw-carousel .dw-nav button.dw-next i {display: block;  }
.dw-carousel .dw-nav button.dw-prev i {transform: translateX(25%) scaleY(.8); }
.dw-carousel .dw-nav button.dw-next i {transform: translateX(-25%)  scaleY(.8);}
.dw-carousel .dw-nav button.dw-prev i:before {content: ""; width: 20px; height: 20px; border: 3px solid #105382; display: block; border-right: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(-45deg);}
.dw-carousel .dw-nav button.dw-next i:before {content: ""; width: 20px; height: 20px; border: 3px solid #105382; display: block; border-top: 3px solid transparent; border-left: 3px solid transparent; transform: rotate(-45deg);}
.dw-carousel button.dw-dot {border: none;padding: 0 !important; }

.dw-carousel .dw-prev {}
.dw-carousel .dw-next {}

.dw-carousel  .dw-prev, .dw-carousel  .dw-next{width: 60px;height: 60px;color: #fff;border-radius: 100%;}

.dw-carousel.dw-loaded {display: flex;flex-wrap: wrap;}
.dw-carousel.dw-loading { opacity: 0; display: block; }
.dw-carousel.dw-hidden { opacity: 0; }
.dw-carousel.dw-refresh .dw-item { visibility: hidden; opacity: 0; }
.dw-carousel.dw-refresh .dw-item.active {opacity: 1; }
.dw-carousel.dw-drag .dw-item {opacity: 0;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 100%;}
.dw-carousel.dw-drag .dw-item.active {opacity: 1; }
.dw-carousel.dw-grab { cursor: move; cursor: grab; }
.dw-carousel.dw-rtl { direction: rtl; }
.dw-carousel.dw-rtl .dw-item { float: right; }
.no-js .dw-carousel { display: block; }
.dw-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.dw-carousel .dw-animated-in { z-index: 0; }
.dw-carousel .dw-animated-out { z-index: 1; }
.dw-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.dw-height { transition: height 500ms ease-in-out; }
.dw-carousel .dw-item { }
.dw-carousel .dw-item .dw-lazy { opacity: 0; transition: opacity 400ms ease; }
.dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) { max-height: 0; }
.dw-carousel .dw-item img.dw-lazy { transform-style: preserve-3d; }
.dw-carousel .dw-video-wrapper { position: relative; height: 100%; background: #000; }
.dw-carousel .dw-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../dw.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.dw-carousel .dw-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.dw-carousel .dw-video-playing .dw-video-tn,
.dw-carousel .dw-video-playing .dw-video-play-icon { display: none; }
.dw-carousel .dw-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.dw-carousel .dw-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.dw-theme .dw-nav {max-width: 1920px;text-align: center;-webkit-tap-highlight-color: transparent;width: 100%;display: flex;justify-content: space-between;align-items: center;height: 1px; position: relative; z-index: 1; padding: 0px 10px;}
.dw-theme .dw-nav [class*='dw-'] {font-size: 1.2rem;color: #043776;padding: 4px 7px;display: inline-block;background-color: transparent;cursor: pointer;width: 40px;height: 40px;border-radius: 100%;}
.dw-theme .dw-nav [class*='dw-']:hover {color: #cb0e40;}
.dw-theme .dw-nav .disabled { opacity: 0.5; cursor: default; }
.dw-theme .dw-nav.disabled + .dw-dots {}
.dw-theme .dw-dots {margin: 0px auto;display: flex;flex-wrap: wrap;height: auto;background-color: transparent;}

#deliveryinfoslider .dw-dots {margin: 0px auto 0px;}

.dw-theme .dw-dots .dw-dot {display: inline-block;zoom: 1; display: inline;background-color: transparent;}
.dw-theme .dw-dots .dw-dot span {display: none;}
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span {display: none;}

#relatedprod-carousel.dw-theme .dw-dots .dw-dot span {display: none;}
#relatedprod-carousel.dw-theme .dw-dots .dw-dot {width: 15px;height: 15px;margin: 5px 7px;background: #ecece6;display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px;border: 1px solid #fff;}
#relatedprod-carousel.dw-theme .dw-dots .dw-dot.active  {background: #c52432;}
#relatedprod-carousel.dw-carousel .dw-stage-outer {overflow: hidden;}
.category-theme {margin-top: -40px;flex-direction: row-reverse ; flex-wrap: wrap-reverse !important; align-items: center; gap: 1rem;}
.category-theme .dw-nav {width:max-content; display: flex; gap: 0.3rem;}
.category-theme .dw-nav button{width:max-content; width: 30px; height: 30px; background-color: #314377;}
.category-theme .dw-nav button:hover{background-color: #cb0e40;}
.category-theme .dw-dots{width:max-content;} 

.category-theme .dw-dots .dw-dot {background-color: transparent !important; border: none;  font-size:1.2em; color:#061931; width: auto; height: auto; display: flex; gap: 0.125rem;}
.category-theme .dw-dots .dw-dot.active:before {color: #314377; font-weight: 700;}
.category-theme .dw-dots .dw-dot:after {content: "/";}
.category-theme .dw-dots .dw-dot:last-child:after {display: none;}
.category-theme .dw-dots .dw-dot:nth-child(1):before {content: "1";}
.category-theme .dw-dots .dw-dot:nth-child(2):before {content: "2";}
.category-theme .dw-dots .dw-dot:nth-child(3):before {content: "3";}
.category-theme .dw-dots .dw-dot:nth-child(4):before {content: "4";}
.category-theme .dw-dots .dw-dot:nth-child(5):before {content: "5";}
.category-theme .dw-dots .dw-dot:nth-child(6):before {content: "6";}
.category-theme .dw-dots .dw-dot:nth-child(7):before {content: "7";}
.category-theme .dw-dots .dw-dot:nth-child(8):before {content: "8";}
.category-theme .dw-dots .dw-dot:nth-child(9):before {content: "9";}
.category-theme .dw-dots .dw-dot:nth-child(10):before {content: "10";}


.dw-carousel img {width: 100%; height: auto;}
.dw-carousel .dw-stage img {height: auto; width: auto; aspect-ratio: auto !important;}

 .vp-banner.index .dw-theme .dw-nav, .dw-theme.mid-nav .dw-nav  {padding: 0px 30px;max-width: 100%; position: absolute; top: 50%; left: 0px;}
  
 .vp-banner.index .dw-theme .dw-nav i {font-size: 3em;}

 @media screen and (min-width: 1800px) {
.dw-theme.mid-nav .dw-nav {padding: 0px !important; width: calc(100% + 120px); max-width: calc(100% + 120px); left: 50%; transform:  translate(-50%, -50%);}

}


@media screen and (max-width: 767px) {
 .vp-banner.index .dw-theme .dw-nav {display: none;}
    .dw-theme .dw-nav [class*='dw-'] {font-size: 1.1em;}
    .dw-carousel .dw-prev, .dw-carousel .dw-next {width: 30px; height: 30px;}

}

@media screen and (max-width: 500px) {
.category-theme {margin-top: -50px;}
.category-theme .dw-dots {display: none;}

}
.head-search {width: 28%; max-width: 450px;}
.head-search input{border: 0px; height: 47px; padding-left: 15px; font-size: 1.3em; width: 100%;}
.head-search input::placeholder { opacity: 0.9; color: #061931 !important; }

.head-search .submit { height: 47px; border: 0; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #e10a0a; font-size: 1.5em; padding: 0px 15px;}
.head-search form {display: flex; width: 100%;}

.editor-label {align-items: center; padding: 10px 0px; display: flex; font-weight: 500; font-size: 1.1em;}
.editor-label.required label:after {content: "*"; color: #E31E25;}

.editor-label .label-info {cursor: pointer; position: relative; aspect-ratio: 1;   border-radius: 100%; background-color: #105382; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-left: 10px;}
.editor-label .label-info span {color: #fff; font-weight: 600;}
.editor-label .label-info .txt { border: 1px solid #dddddd; position: absolute; background-color: #fff; z-index: 9; width: max-content; display: none;}
.editor-label:hover .label-info .txt{display: block; box-shadow: 0 3px 6px #00000029; padding: 10px; border-radius: 5px; transform: translateY(-100%);}
.editor-label .forgot {opacity: 0.75; cursor: pointer; color: #105382; transition: none !important;}
.editor-label .forgot:hover {opacity: 1;}
.editor-label .forgot.show:before {content: "Show"; transition: none !important;}
.editor-label .forgot.hide:before {content: "Hide";}

.editor-field input {min-height: 42px; width: 100%; border: 1px solid #000000; border-radius: 3px; padding: 0px 15px; font-size: 1.1em; font-weight: 400;}
.editor-field input.input-validation-error, .editor-field textarea.input-validation-error {border: 2px solid #e10a0a;}
.editor-field select {min-height: 42px; width: 100%; border: 1px solid #061931; border-radius: 3px; padding: 0px 15px; font-size: 1.1em;}
.editor-field input[type="file"]{ border: none; padding: 0px; min-height: auto;}
.editor-field textarea {min-height: 120px; width: 100%; border: 1px solid #061931; border-radius: 3px; padding:  15px; font-size: 1.1em;}
.editor-field input.btn {font-size: 1.3em ;}

.editor-field.sml select {min-height: 40px;}

.editor-field.sml input {min-height: 40px;}

.editor-field {position: relative;}
.editor-field .forgot{color: #105382; cursor: pointer;position: absolute; top: 50%; transform: translateY(-50%);  right: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;}
.editor-field .forgot:hover {color: #e11f26;}
.editor-field .field-validation-error {font-weight: 500; padding: 0px; background-color: transparent; display: block; color: #e10a0a;  border: none; box-shadow: none; padding-top: 5px; margin: 0px;}

.editor-field .date {position: relative; max-width: 490px; display: block; }
.editor-field .date i{border-right: 1px solid #061931; padding:4px 15px; font-size: 1.4rem; color: #e10a0a;position: absolute; font-weight: 500; left: 0px; top: 50%; transform: translateY(-50%);}
.editor-field .date input {padding-left: 60px; font-size: 1.3rem; height: 55px; cursor: pointer;}
.editor-field .date input::placeholder {color: #061931;}

.editor-field .date:hover i {color: #000000;}

.editor-field .autocomplete-results{position: absolute; top: calc(100% - 3px); left: 0px; background-color: #fff; border:1px solid  #000000; padding: 15px 0px; z-index: 1; width: 100%; border-top: none !important; border-radius: 0px 0px 3px 3px;}
.editor-field .autocomplete-results ul {padding: 0px; margin: 0px; display: flex; flex-direction: column; gap: 10px; list-style: none; max-height: 20vh; overflow: auto;}
.editor-field .autocomplete-results ul li {padding: 0px 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.editor-field .autocomplete-results ul li:hover {color: #e10a0a;}

.autocomplete-results ul li .btn {max-width: 120px; min-height: 30px;}
.editor-field .autocomplete-results ul li:hover .btn {background-color: #e10a0a;}

.editor-field .radio-option {display: flex; gap: 15px; align-items: center;}
.editor-field .radio-option input{width: 15px; height: 15px;}

.editor-field.fancy { border: 1px solid #000; position: relative; margin-top: 5px; border-radius: 3px; background-color: #fff;}
.editor-field.fancy:after { content: ''; position: absolute; height: 2px; width: 0px; left: 0; right: 0; margin: auto; bottom: -2px; opacity: 0; transition: 0.3s; }
.editor-field.fancy input, .editor-field.fancy textarea {  position: relative; z-index: 1;  padding: 5px 15px 0px; border: none; font-size: 1.0rem; height: 48px;position: relative;z-index: 2;background: none;width: 100%; padding: 0px 15px; display: block; margin: 0px;}
.editor-field.fancy input:focus, .editor-field.fancy input:active, .editor-field.fancy textarea:focus, .editor-field.fancy textarea:active { box-shadow: none; outline: none; }
.editor-field.fancy label { font-weight: 400; color: #2D2D2D; text-align: left; position: absolute; top: 50%; left: 10px; transition: 0.3s; z-index: 9; transform: translateY(-50%); padding: 0px 5px;}
.editor-field.fancy.focus:after { opacity: 1; width: 100%; }
.editor-field.fancy.focus label, .editor-field.fancy.filled label { top: -3px; font-size: 0.9em; font-weight: 600; background-color: #f3fbff; color: #105382;}
.editor-field.fancy textarea:focus, .editor-field.fancy textarea:active, .editor-field.fancy.filled textarea {max-height: 300px !important; padding-top: 10px;}
.editor-field.fancy.focus, .editor-field.fancy.filled {border-color: #105382; -webkit-box-shadow: 0px 0px 0px 1px #105382; box-shadow: 0px 0px 0px 1px #105382;  background-color: transparent;}

.editor-field.non-fancy {margin-top: 5px; }
.editor-field.non-fancy select{height: 50px; min-height: 50px; }

input[type="checkbox" i] {width: 30px; height: 30px;}

label.check input {width: 20px; height: 20px; }



label.check {display: flex; align-items:center; gap:15px;  }

.hp-field {width: 0px;height: 0px; overflow: hidden; opacity: 0;}


.img-controls {background-color: #f5f5f5;}
.img-controls .preview-img { border: 1px solid #dbdbdb; padding: 15px; border-radius: 3px; }
.img-controls .preview-img img { margin: 0 auto; }
.img-upload input { display: block; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; z-index: 100000; position: absolute; }

.img-upload { height: 150px; border: 2px dashed #dbdbdb; position: relative; border-radius: 3px; margin-bottom: 15px; cursor: pointer; display: block; }
.img-upload:hover { background-color: #f1f1f1; }
.img-upload span { text-align: center; font-size: 1.1em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; color: #999; }
.img-upload span i { display: block; color: #999 !important; }
.img-upload.sml { height: auto; padding: 15px; }
.img-upload.sml .drop-txt { width: 100%; align-items: center; align-content: center; }
.img-upload.sml span { position: static; transform: none; }
.img-upload.sml .drop-txt > span { margin-top: 15px; }

#image-uploaders li form > div { padding: 15px; border-radius: 5px; background-color: #fff; position: relative; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; justify-content: center; }
#image-uploaders li form > div #position { position: absolute; width: 35px; height: 35px; line-height: 35px; font-weight: 700; border-radius: 0px 0px 5px 0px; background-color: #105382; left: 0px; top: 0px; color: #fff; }
#image-uploaders li form > div .delbx {width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px 0px;font-size: 0.9em;text-align: left;}
#image-uploaders li form > div .delbx label {}
#image-uploaders li form > div input[type="text"] {    min-height: 30px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 1.1em;
    text-align: center;
}
#image-uploaders li form .img-display{aspect-ratio: 1; border: 2px dashed #bbb; margin-bottom: 15px; border-radius: 3px; max-width: 100%;}
#image-uploaders li input[type="file"]{max-width: 100% !important;}
.dummy-drop {position: relative;}
.dummy-drop .top{cursor: pointer;background-color: #fff; display: flex; justify-content: space-between; align-items: center; border: 1px solid #d4d4d4; height: 45px; padding: 0px 10px;}
.dummy-drop .body{ max-height: 60vh; width: 100%;position: absolute; top: 44px; background-color: #fff; border: 1px solid #d4d4d4; z-index: 99; border-top: 1px solid #fff;}
.dummy-drop .body .inner {height: 100%;  max-height: 60vh; overflow: auto;}
.dummy-drop .body a {padding: 5px 15px; display: block; }
.dummy-drop .body .lvl1:nth-child(odd) > .row{background-color: #f1f1f1;}
.dummy-drop .body .lvl1 > .row > a {font-weight: 700;}
.dummy-drop .body .lvl1 .row{ display: flex; justify-content: space-between; align-items: center;}
.dummy-drop .body .lvl1 .row i {color: #c52433; width: 35px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.dummy-drop .body .lvl1 .row i:hover {color: #000000;}
.dummy-drop .body .lvl1 .row a {width: 100%;}
.dummy-drop .body .lvl3 {background-color: #f1f1f1;}
.radio-blocks { display: flex; margin: 0px -5px; }
.radio-blocks label.on { background-color: #345995; color: #fff; }
.radio-blocks label { background-color: #bbb; color: #666; cursor: pointer; margin: 5px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.radio-blocks label:hover { transform: translateY(-5px); }
.radio-blocks label input { display: none; }
.radios {display: flex; gap: 15px;}
.radios label {cursor:pointer; display: flex; justify-content: space-between; align-items: center; padding: 10px; border: 1px solid #bbbbbb; gap: 15px; border-radius: 5px; }
.editor-field.submit {display: flex; justify-content: space-between; gap: 30px; margin-top: 2rem;}
.editor-field.submit input { background-color: #105382; color: #fff; border: none; cursor: pointer; font-size: 1.3em; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; border-radius: .5rem; }
.editor-field.submit input:hover{background-color: #e11f26;}
.editor-field.submit input.green {background-color: #79b473;}
.editor-field.submit .btn, .editor-field.submit input {max-width: 200px; min-width: 200px;}
.editor-field.submit .toright.btn {background-color: #105381; color: #fff;}
.editor-field.submit .toright.btn:hover {background-color: #e31e25; color: #fff;}
.editor-field.submit .toright.btn.green {background-color: #79b473; color: #fff;}
.editor-field.submit .toright.btn.green:hover {background-color: #70a37f; color: #fff;}
.editor-field.submit .toright.btn.red {background-color: #e10a0a; color: #fff;}
.editor-field.submit .toright.btn.red:hover {background-color: #70a37f; color: #fff;}
.editor-field.submit .clear {display: none;}

.editor-field.qty {gap: 15px;display: flex; justify-content: space-between; align-items: center;}
.editor-field.qty input{padding-top: 3px !important; border: 1px solid #919191; border-radius: 5px; width: 30px; height: 30px; text-align:center; padding: 0px; min-height: 30px;}
.editor-field.qty button {width: 25px; height: 25px; border: none; background-color: #E3EFFF; border-radius: 100%; cursor: pointer; padding: 0px; display: flex; justify-content: center; align-items: center; }
.editor-field.qty button:hover {background-color: #000000; color: #fff;}

.editor-field.review-select {display: flex; position: relative;}
.editor-field.review-select input{position: absolute; left: 0px; top: 0px; opacity: 0; z-index: -1;}

.editor-field.large-drop select{min-height: 50px; height: 50px;  border-radius: 6px;   font-family: "Funnel Display", sans-serif; color: #114265;}

.validation-summary-valid ul {margin: 0px; padding-left: 15px;}

.validation-summary-errors { background-color: #fce9e9; border-bottom: 2px solid #e10a0a; box-shadow: 0 3px 6px #00000029; width: fit-content; padding: 15px 15px; font-weight: 700; font-size: 1.2em; margin-bottom: 15px; }
.validation-summary-errors ul {padding: 0px; margin: 0px; list-style: none; color: #e10a0a; }

.disc-form.share {background-color: #000000;}
.disc-form.share > div {background-color: #000000;}
.disc-form.share .top.open .text {color: #fff;}
.disc-form.share .top {color: #fff;}

.disc-form.share .body {background-color: #fff; margin: 0px -60px; padding: 0px 30px;}
.status-dot {width: 1rem; height: 1rem; border-radius: 100%; margin: 0 auto;}

.field-validation-error, .KO, .ko{display: block; background-color: #fce9e9; border-bottom: 2px solid #e10a0a; box-shadow: 0 3px 6px #00000029; width: fit-content; padding: 15px 15px; font-weight: 700; font-size: 1.2em; margin-bottom: 15px;}
.OK, .ok{display: block; color:#fff; background-color: #7ac74f; width: fit-content; padding: 15px 15px; font-weight: 700; font-size: 1.3em; margin-bottom: 15px;}
.toast {transition: none;}
.toast .ok, .toast .OK, toast .ko, .toast .KO  {border-radius:10px; gap: 15px; align-items: center; border: 1px solid #000000; color: #061931; background-color: #fff; position: fixed; bottom: 2rem; right: 2rem; display: flex; z-index: 99;}
.toast i {max-width: 30px;}
.toast .ok .ico, .toast .OK .ico {background-color: #7ac74f; width: 30px; height: 30px; position: relative; display: flex; justify-content: center; align-items: center; aspect-ratio: 1; padding: 10px;border-radius: 100%;} 
.toast .ok .ico i, .toast .OK .ico i {display: block;}
.toast .ko .ico, .toast .KO .ico {background-color: #e10a0a; width: 30px; height: 30px; position: relative; display: flex; justify-content: center; align-items: center; aspect-ratio: 1; padding: 10px;border-radius: 100%;} 
.toast .ko .ico i, .toast .KO .ico i {display: block; width: 100%; aspect-ratio:1;}
.toast .ko .ico.info, .toast .KO .ico.info {background-color: #000000;}

.field-validation-error ul {padding-left: 5px;}

.popbody.basketwidg #atbmessage .update i {animation: rotation 1s ease-out; font-size: 1.6em;}
.popbody.basketwidg #atbmessage .add i { font-size: 1.6em;}
.popbody.basketwidg .ok, .popbody.basketwidg .OK{width: 100%; text-align: center; display: flex; gap: 15px; justify-content: center; align-items: center; font-size: 1.4em; margin: 0px !important; line-height: 1;}
.popbody.basketwidg .ok .msg:before, .popbody.basketwidg .OK .msg:before { content: ""; display: inline-block; transform: rotate(45deg) translate(1px, -3px); height: 24px; width: 12px; border-bottom: 4px solid #fff; border-right: 4px solid #fff; }
.popbody.basketwidg .msg{width: 100%; max-width: 560px; display: flex; justify-content: start; align-items: center; gap:15px;} 
.popbody.basketwidg .checkoutbtn {border-radius: 30px;}

.atb-form {margin-top: 20px; margin-bottom: 25px; padding: 45px 0px;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #061931; border-bottom: 1px solid #061931; }
.atb-form .info-bx {width: 100%; transform: translateY(-25px); margin-bottom: -15px;}
.atb-form .submit-load{max-width: 480px; width: calc(100% - 240px); position: relative;}
.atb-form .lnk.red {transform: translateY(-25px); margin-bottom: -15px; font-size: 1.15rem; }

.acc-table {position: relative;}
.acc-pop .overl {width: 100%; height: 100%; z-index: 20;position: absolute; top: 0px; left: 0px;  background-color: #f5f5f5; opacity: 0.5;}
.acc-table .pop {background-color: #fff;box-shadow: 0px 0px 8px #0000004A; z-index: 30;position: absolute; top: 30px; left: 50%; width: 100%;  transform: translateX(-50%);}
.acc-pop {transition: none !important;}
.acc-pop .pop .top {padding: 0px 30px; display: flex; justify-content: space-between; align-items: center; height: 60px; background-color: #fff;}
.acc-pop .pop .top h3 {padding: 0px; margin: 0px; font-weight: 700; font-size: 1.3em;}
.acc-pop .pop {max-width: 655px;}
.acc-pop .pop .title{ background-color: #f5f5f5; height: 40px; padding: 0px 15px; display: flex; align-items: center; gap: 10px;}
.acc-pop .pop .title i {cursor: pointer; width: 22px; height: 22px; border-radius: 100%; background-color: #ffffff; color: #000000; border-radius: 100%; display: flex; justify-content: center; font-weight: 600; align-items: center;  }
.acc-pop .pop .title i.disabled {opacity: 0.5;}
.acc-pop .pop .title i:hover {color: #e10a0a;}
.acc-pop .pop .title span {color: #232323; font-weight: 700;}
.acc-pop .pop .close {cursor: pointer; color: #e10a0a; display: flex; align-items: center; gap: 5px;}
.acc-pop .pop .close span {text-decoration: underline;}
.acc-pop .pop .close i {font-size: 1.5em;}
.acc-pop .pop .close:hover {color: #000000;}
.acc-pop .prod-table {font-weight: 400; font-size: 1.1em;}
.acc-pop .prod-table .t-head {color: #fff; background-color: #000000; display: flex;}
.acc-pop .prod-table .t-head .cell { display: flex; height: 45px; align-items: center;}
.acc-pop .prod-table .t-body {background-color: #fff; max-height: 40vh; overflow: auto;}
.acc-pop .prod-table .t-body .t-row{display: flex; height: 40px; align-items: center; border-bottom: 1px solid #bfbfbf; }
.acc-pop .prod-table .cell:nth-child(1) {width: 25%; padding-left: 30px;}
.acc-pop .prod-table .cell:nth-child(2) {width: 60%; padding-right: 15px; padding-left: 30px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.acc-pop .prod-table .cell:nth-child(3) {width: 15%; padding-left: 30px;}
.acc-pop .body {display: grid;}
.acc-pop .body .prod-slide{grid-row-start: 1; grid-column-start: 1;}
.acc-pop .prod-table .accessories {background-color: #f5f5f5;}

.maincmscontent .acc-pop .pop {    box-shadow: 0 3px 6px #00000029; position: fixed; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 99;}
.maincmscontent .acc-pop .overl {position: fixed;}

select {width: 100%; height: 40px; border: 1px solid #114265; border-radius: 3px; font-size: 1.0rem; padding: 0px 15px;}



.checkout-prod {border-bottom: 2px solid #c0c6cb;}
.checkout-prod .price {color: #000; font-size: 1.5em;}
.checkout-prod:last-child {border-bottom: none;}

.addressdisplay {max-width: 660px; background-color: #fff; border-radius: 3px; padding: 30px 30px; font-size: 1.1rem;}
.addressdisplay .top {margin-bottom: 25px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #105382; padding-bottom: 15px; border-bottom: 1px solid #105382;}
.addressdisplay .top .right-lnk {display: flex; align-items: center; gap: 10px; cursor: pointer;}
.addressdisplay .top .right-lnk span {text-decoration: underline;}
.addressdisplay .top .right-lnk:hover {color: #e10a0a;}
.addressdisplay .top strong {font-size: 1.2rem;}

.addressdisplay.deliv .top {margin-bottom: 20px;}

dropdown {cursor: pointer; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; display: block; position: relative; }

dropdown top {border: 1px solid #bdc5cb;
border-radius: 3px; gap: 1rem; display: flex; min-height: 35px; padding: 0px 8px; align-items: center; justify-content: space-between; color: #114265; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
dropdown top chev { width: 12px;  position: relative; display: block; aspect-ratio: 10/9; }
dropdown top chev:before { content: ""; position: absolute; left: 12%; top: 0; height: 100%; border-left: solid 2px #114265; transform: rotate(45deg) }
dropdown top chev:after { content: ""; position: absolute; right: 12%; top: 0; height: 100%; border-right: solid 2px #114265; transform: rotate(-45deg) }
dropdown.open top chev {transform: rotate(180deg);}
dropdown drop {position: absolute; top: calc(100% - 3px); left: 0px; background-color: #fff;  border: 1px solid #bdc5cb; width: 100%;z-index: 1; border-radius: 0px 0px 3px 3px;}
dropdown drop item {min-height: 27px; display: flex; justify-content: start; align-items: center; padding: 0px 8px; font-size: 0.9rem;}
dropdown drop item:nth-child(even) {background-color: #f5fbff;}

.listing-actions dropdown {width: calc(240px - 65px);}

.check-lg {width: 30px; height: 30px;}

.custom-radio {position: relative; display: flex; gap: 10px; align-items:center; }
.custom-radio .dummy-radio {width: 20px; height: 20px; background-color: #fff; border: 1px solid #000; position: relative; border-radius: 100%; display: block;}
.custom-radio .dummy-radio:before {content: ""; width: 12px; height: 12px; background-color: #E31E25; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;}
.custom-radio .dummy-radio.on:before {opacity: 1;}
.custom-radio input {position: absolute; left: 0px; top: 0px; opacity: 0;}

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

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

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

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

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

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

}

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

 
}

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

}

@media screen and (max-width: 1229px) {
    .editor-field.submit .btn {max-width: 200px; min-width: auto;}
}

@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) {
    
    .editor-label.fancy {background-color: #fff;}
    .editor-field.fancy input {background-color: #fff;}
    .atb-form {flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px;}
    .atb-form .btn{width: 100%; max-width: 100%; margin-top: 15px;}
    .nltr-form {padding: 15px 0px !important;}
    .nltr-form .editor-field{padding-right: 0px; padding-bottom: 15px; padding-top: 15px;}
    .nltr-form i {font-size:9.5vw !important; }
    .nltr-form .gap30px {gap: 3vw;}
    .nltr-form h2 {font-size: 5.5vw;}
    .nltr-form>div>.flx-bx {gap: 0px !important;}
    .disc-form{bottom: 0px;}
    .popbody.basketwidg a.btn {max-height: 40px; min-height: 40px;}
    .atb-form .info-bx {margin-top: 30px;}
    .atb-form .submit-load{width: 100%;}
}

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