.cart-table .product-image { float: left; width: 12%; position:relative; }
.cart-table .product-details { float: left; width: calc(37% - 25px); margin-right:15px; }
.cart-table .invoice { float: left; width: calc(25% - 10px); }
.cart-table .product-price { float: left; width: 12%; margin:0; font-weight: 400; }
.cart-table .product-quantity { float: left; width: 18%; }
.cart-table .product-removal { float: left; width: 9%; }
.cart-table .product-line-price { width: calc(12% - 15px); float: left; text-align: right; font-weight: 500;  }
 
.cart-table .group:before, .cart-table .shopping-tab:before, .cart-table .column-labels:before, .cart-table .product:before, .cart-table .totals-item:before,
.cart-table .group:after, .cart-table .shopping-tab:after, .cart-table .column-labels:after, .cart-table .product:after, .cart-table .totals-item:after { content: ''; display: table; }
.cart-table .group:after, .cart-table .shopping-tab:after, .cart-table .column-labels:after, .cart-table .product:after, .cart-table .totals-item:after { clear: both; }
.cart-table .group, .cart-table .shopping-tab, .cart-table .column-labels, .cart-table .product, .cart-table .totals-item { zoom: 1; }
.cart-table .psymbol{ font-size:14px; } 
.cart-table .column-labels{border-bottom: 1px solid #eee; margin-bottom: 10px;} 
.cart-table .column-labels label { font-weight:500; color:var(--gray); }
 
.cart-table .product { position:relative; padding:15px 18px; border-bottom: 1px solid #eee; }
.onspecial2.product .product-image { margin-left: -3px; }
.cart-table .product .product-image { text-align: center; }
.cart-table .product .product-image a{display: block;}
.cart-table .product .product-image img { width: 90%; }
.cart-table .product .product-details .product-title { margin-right: 20px; font-size: 14px; font-weight: 500; margin: 0; }
.cart-table .product .product-details .product-description { margin: 5px 20px 5px 0; line-height: 1.4em; }
.cart-table .product .product-quantity input { width: 40px; }
.cart-table .product .remove-product { border: 0; padding: 4px 8px; background-color: #c66; color: #fff; font-size: 12px; border-radius: 3px; }
.cart-table .product .remove-product:hover { background-color: #a44; }

.cart-table .totals .ponum{ width:60%; float:left; }
.cart-table .totals .carttotal{ width:40%; float:right; }
.cart-table .totals .totals-item { float: right; clear: both; width: 100%; }
.cart-table .totals .totals-item label { float: left; clear: both; text-align: right; }
.cart-table .totals .totals-item .totals-value { float: right; text-align: right; }

:root{
	--ok:#177245;--ok-soft:#e9f5ee;--ok-line:#c3e3d1;
	--brand-tint:color-mix(in srgb,var(--brand) 4%,#fff);
	--brand-line:color-mix(in srgb,var(--brand) 22%,#fff);
	--brand:var(--mycolor);                                              
  	--brand-d:color-mix(in srgb,var(--mycolor) 84%,#000); 
}
.product.k-bogo{border-left-color:var(--ok-line);background:linear-gradient(90deg,var(--ok-soft),transparent 140px)}
.product.k-offer{border-left-color:#f0dcaf;background:linear-gradient(90deg,#fdf6e7,transparent 140px)}
.product.k-kit{border-left-color:#c6d0f0;background:linear-gradient(90deg,#e9edfa,transparent 140px)}
.product.k-special{border-left:3px solid var(--brand-line);background:linear-gradient(90deg,var(--brand-tint),transparent 140px)}

.kb{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:5px;padding:2.5px 8px;margin-left:8px;vertical-align:2px;cursor:help;position:relative;border:1px solid;outline:none}
.kb svg{width:10px;height:10px;stroke:currentColor;fill:none}
.kb.bogo{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}
.kb.offer{color:#8a6d1d;background:#fdf6e7;border-color:#f0dcaf}
.kb.special{color:var(--mycolor);background:var(--mycolor10);border-color:var(--brand-line)}
.kb.kit{color:#2f4da3;background:#e9edfa;border-color:#c6d0f0}

.bexp{display:inline-flex;align-items:center;gap:7px;font-size:10.5px; line-height:14px; font-weight:800;border:1.5px solid;border-radius:99px;padding:3px 11px 3px 5px;margin-left:8px;cursor:pointer;transition:.14s;vertical-align:2px;animation:bexp-pulse 1.6s ease 2}
.bexp.k-bogo{color:var(--ok);background:#fff;border-color:var(--ok-line)}
.bexp.k-bogo:hover{background:var(--ok-soft)}
.bexp.k-offer{color:#8a6d1d;background:#fff;border-color:#f0dcaf}
.bexp.k-offer:hover{background:#fdf6e7}
.bexp.k-special{color:var(--mycolor);background:#fff;border-color:var(--mycolor40);}
.bexp.k-special:hover{background:var(--mycolor10);}
.bexp .pct{width:20px;height:20px;border-radius:6px;background:var(--mycolor10);border:1px solid var(--mycolor40);display:grid;place-items:center;color:var(--mycolor)}
.bexp .pct svg{width:11px;height:11px;stroke:currentColor;fill:none}
.bexp.k-kit{color:#2f4da3;background:#fff;border-color:#c6d0f0}
.bexp.k-kit:hover{background:#e9edfa}

.bexp .ths{display:inline-flex}
.bexp .ths ic{width:20px;height:20px;border-radius:6px;background:var(--light);border:1.5px solid #fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;color:#a9b6b0;font-style:normal}
.bexp .ths ic+ic{margin-left:-8px}
.bexp .ths ic svg{width:11px;height:11px;stroke:currentColor;fill:none}
.bexp .ths ic.fr{color:var(--ok);background:var(--ok-soft);box-shadow:0 0 0 1px var(--ok-line)}
.bexp svg.ch{ width:11px; height:11px; margin-bottom:0px; stroke:currentColor;fill:none;transition:transform .18s}
.bexp.on svg.ch{transform:rotate(180deg)}

.bpanel{grid-column:1/-1;margin-top:10px;border:1px solid var(--line);border-left:3px solid var(--mycolor40);border-radius:8px;background:#fff;padding:0 12px 4px;display:none}
.bpanel.on{display:block}
.bpanel.k-bogo{border-left-color:var(--ok)}
.bpanel.k-offer{border-left-color:#e5b41f}
.bpanel.k-kit{border-left-color:#2f4da3}
.bph{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bph .sv{ margin-left:auto; font-size:10px; line-height: 16px; color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:99px;padding:2px 9px;letter-spacing:.03em;text-transform:none;font-variant-numeric:tabular-nums}
.bprow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px dashed var(--line); font-size:11.5px; line-height: 18px; color:#5a6270; }
.bprow:last-child{border-bottom:none}
.bprow .bq{flex:none;min-width:30px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.bprow .bn{flex:1;min-width:0;line-height:1.4;font-weight:600;color:var(--ink)}
.bprow .bn .bc{display:block;font-size:10px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.bprow .bf{flex:none;font-size:9px;font-weight:800;color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:99px;padding:2px 8px;letter-spacing:.05em}
.bprow .bp{flex:none;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.bprow.free .bp{color:var(--ok)}
.bprow.act { background:var(--mycolor10); border-radius:8px; margin:0 -8px; padding-left:10px; padding-right:10px; border-bottom-color:transparent; }
.bprow .yt{flex:none;font-size:9px;font-weight:800;color:#fff;background:var(--mycolor);border-radius:99px;padding:2px 8px;letter-spacing:.05em}
.bprow .sp2{flex:none;font-size:10px;font-weight:800;color:var(--ok);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}
.bprow .tsw{flex:none;font-size:9.5px;font-weight:800;color:var(--mycolor);border:1.5px solid var(--mycolor40);background:var(--mycolor10);border-radius:99px;padding:2.5px 10px;opacity:0;transform:translateX(-3px);transition:.14s;white-space:nowrap; cursor:pointer;}
.bprow.tswr:hover .tsw{opacity:1;transform:none}
.bprow.tswr:hover .tsw{background:var(--mycolor10)}

.bnudge{display:flex;align-items:center;gap:8px;font-size:11px;line-height: 16px;font-weight:700;color:var(--mycolor);padding:9px 2px 8px}
.bnudge svg{width:13px;height:13px;stroke:currentColor;fill:none;flex:none}
.bnudge.top{color:var(--ok)}

.suggesstion{ position:absolute; width:100%; display:none; z-index:999;}
#country-list{float:left; list-style:none;margin:0;padding:0; width:100%; border:1px solid #D7D7D7; /*z-index:999;*/ position:relative;}
#country-list li{ display:block; background:#ffffff; border-bottom:1px solid #D7D7D7; text-align:left;}
#country-list li a{ display:block; padding: 7px 2.5%; background:#ffffff; overflow:hidden;}
#country-list li a:hover,#country-list li.selected a{ background:var(--mycolor) !important; text-decoration:none; color:#fff;}
#country-list li:hover{ color:#484848; cursor:pointer;}
.manualbtn{ padding:0; position:relative; z-index:999999; clear:both; text-align:center; }
#country-list li.manualaddr a{ background:#ccc; color:#000; }
#country-list li.manualaddr a:hover{ background:var(--mycolor); color:#fff; }

.arr_acc.card-header .btn-header-link:after{margin-top:-15px!important;}
.faq-list .faq-heading::before{display: none;}	
.timeli li{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; text-align: center; width:calc(100%/3 - 10px); padding:15px 12px; background:#fff; border: solid 1px #e0e0e0; box-shadow:0px 1px 2px #00000030; cursor:pointer; border-radius:4px; }
.timeli li span{ color:#646464; font-size: 15px; line-height:20px; font-weight:500; }
.timeli li small{ color:#646464; font-size: 12px; line-height:20px; font-weight:400; }
.timeli li.active{ background: linear-gradient(135deg, var(--mycolor) 0%, var(--seccolor) 100%); }
.timeli li.active span{ color:#ffffff; }
.timeli li.active small{ color:#ffffff; }

.datepicker-inline{width:100%!important;}
.line_ho { position: absolute; width: 3px; height: 98%; background: #f2f2f2; left: 20px; }
.in_ico { position:absolute; right:60px; top:28px; cursor:pointer; width:30px; height:30px; background:#f3f3f3; border-radius: 30px; text-align:center; line-height:33px;}
.in_txt { position: absolute; right: 85px; top: 17px; cursor: pointer; width: 150px; height: 30px; text-align: center; line-height: 33px; }
.in_txt span{ color:#0088cc; }
.table-sm{font-size:12px;}
.table-sm th, .table-sm td { padding: 0.1rem 0.3rem; }
.proid{ display:grid; gap:5px; text-align:left; align-items: center; }
.fs14_fw{font-size:14px; font-weight:400;}
.address i{ display:none; }
.address.active i{ display:block; }
.collapse.show{ transition: height 0.35s ease; }
.border-none{ border:none!important; }
.quantity2 .button .btn { line-height:23px; }

.buy_get_row{margin:30px -10px 15px -10px; position:relative;}
.get_this, .buy_this{border:solid 1px var(--yellow);margin:0; position: relative; width:50%; background:#fff;}
.get_this{margin-left:-1px;}
.get_this h6, .buy_this h6 { width: 100%; font-weight: 600;}
.off_tit{ padding:8px 20px; background: var(--yellow); color: var(--dark); text-align: center; width: fit-content; margin: 0 auto; border-radius:20px; margin-top:-18px;}
.and_sym{background: var(--yellow); position:absolute; top:-18px; left: calc(50% - 20px); z-index:9; color: var(--dark); width: 40px; height: 40px; border-radius: 40px; line-height: 35px; text-align: center; font-size: 28px; }
.off_row{display:flex; align-items: center;}
.off_img{width:90px; margin-right:10px;}
.buy_get_row .single-product{border:solid 1px transparent;} .buy_get_row .single-product:hover{border:solid 1px var(--mycolor);}

#accordion-style-1 .card-header .btn .main{padding-left:25px; padding-right:25px;}
.buy_red{background: red; min-width:120px; color:#fff; text-align:center; padding: 10px;margin: 0 15px 0 0;align-self: stretch;justify-self: stretch;}
.card-hover .collapse{margin:0 -1px;} 
.card-hover .collapse, .card-hover:hover{border: 1px solid var(--mycolor); border-left-width:1px ;  border-right-width:1px ;} 
.list-view .single-product{margin-bottom: 0!important;} 
.accordion > .card{ margin-bottom: 10px!important;  } 
.accordion > .card:not(:last-of-type){border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.card2{background: #f2f2f2;}	
.grid-container{margin:15px 10px!important ;}
.list-view .single-product .product-img {width: 70px; }
.accordion > .card:hover {border: solid 1px var(--mycolor)}
.card2 .single-product{ border-bottom: solid 1px #e2e2e2!important; border: none; margin: 0!important;}
.card2 .single-product:hover, .single-product.active { box-shadow: none; background: #fbfbfb; border:none;}

.cqty{ float:right; width:25px; height:25px; text-align:center; border-radius:15px; background:var(--mycolor); display:flex; align-items:center; justify-content: space-around; color:#fff; margin-bottom:-5px; position:relative; font-size:12px; }

.potable{ width:100%; margin:0px; padding:0px; }
.potable tr td{ font-size:14px; line-height:18px; padding:5px 10px; font-weight:400; }

.radius-left{ border-radius: 6px 0px 0px 6px !important; }
.radius-full{ border-radius: 6px !important; }
.btn{ padding: 10px 10px!important; }

#mainacc #faq .card{ border:0px!important; }
#mainacc #faq .card .collapse.show{ border-top:0px; }
#mainacc #faq .card .card-header .btn-header-link{ border: 1px solid var(--line); border-bottom:0px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#mainacc #faq .card .card-header .btn-header-link.collapsed{ border:1px solid #f2f2f2!important; border-radius:10px; }

.sticky_t .card{ border:0px!important; }
.sticky_t .card .card-header a{ border:1px solid var(--mycolor); border-bottom:0px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.sticky_t .card .card-header a.collapsed{ border:1px solid #f2f2f2!important; }
#mainacc #faq .card .card-body, .sticky_t .card .card-body{ border: 1px solid var(--line); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.usetxt{ color:var(--mycolor); font-weight:500; }

.checkout-sign{ display:flex; justify-content: space-between; align-items:center; width:100%; margin:0px; padding:15px; border:1px solid #ccc; background: #f8f9fa; border-radius:6px; }
.checkout-sign p{ width:calc(100% - 165px); font-size:14px; line-height:20px; color:var(--gray); margin:0px 0px; }
.checkout-sign .signbtn{ display:flex; width:200px; gap:12px; }
.checkout-sign a{ background:var(--mycolor); color:#fff; font-size: 16px; padding:8px 15px; border-radius: 7px; font-weight:500; }

.checkout-guest{ width:100%; margin:0px; padding:0px; border-radius:6px; }

@media only screen and (max-width: 575px) {
	.off_row{    flex-wrap: wrap;}
	.get_this, .buy_this{width:100%;}
	.buy_get_row {flex-wrap:wrap;}
	.buy_get_row .grid-container .single-product{margin:0;}
	.and_sym{position: relative;    top: -17px;}

	.checkout-sign{ display:flex; flex-direction:column; justify-content: space-between; align-items:start; }
	.checkout-sign p{ width:100%; margin-bottom:7px; }
	.checkout-sign .signbtn{ gap:25px; }
	.checkout-sign a{ background:none; color:var(--mycolor); padding:0px; }
	.faq-list .fs14_fw{ font-size:12px; }
	.faq-list .fs14_fw.mb-3{ margin-bottom:8px!important; }
	.faq-list .faq-heading span.mb-3{ margin-bottom:5px!important; }
	.faq-list h4.fs-18{ font-size:14px!important; }
	.faq-list p{ font-size:12px; line-height:18px; }
	.timeli li span{ font-size: 14px; }

	.payacc .main-txt{ font-size:16px; line-height:18px; }
	.payacc .small{ font-size:12px; }
	.payacc .paycon, .payacc .paycon span{ font-size:12px; }
	#alertSignin .fs-30{ font-size:20px!important; }
}

.freealert{ border:1px solid var(--mycolor); background:var(--mycolor10); }

.accordion .accordion-header { border: 2px solid #fff; }
.accordion .accordion-header { margin-bottom: 0; cursor: pointer; }
.accordion .accordion-item{ background-color:#fff; border:1px solid rgba(0,0,0,.125); }
.accordion .accordion-header:hover, .accordion .accordion-header.active { border: 2px solid var(--mycolor); }
.accordion .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding:10px 12px; font-size: 18px; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; }
.accordion .accordion-collapse.show { border: 2px solid var(--mycolor); border-top: none !important; }
.accordion .accordion-body { padding: 1rem 1.25rem; }