body
{	
	min-height: 100vh;
	font-family: "Nunito Sans", sans-serif;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	font-weight: 300;
	
}
/* #6495ed cornflower blue; */
* {box-sizing: border-box;}
    
h1, h2{
	padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;
	margin-block-start: 0px;
    margin-block-end: 0px;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 200;
	}

main{flex-grow: 1;}

a{
	color:black; text-decoration: none; 
	font-family: "Nunito Sans", sans-serif; 
}
a.nav-link{
	color:black; text-decoration: none; 
	font-family: "Nunito Sans", sans-serif; font-weight: 300; 
	font-size: 1.1em;
	letter-spacing: 1.0px;
}

button{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	outline: none;
	border: none;
}

.user-acct-navbar a 
{
	color:cornflowerblue; text-decoration: none; 
	font-family: "Nunito Sans", sans-serif; font-weight: 300; 
	font-size: .9em;
	letter-spacing: 1.0px;
	/*text-transform: uppercase; */
	font-weight: 400;
}
.user-acct-navbar a:hover{color: black;}

.std-blue-link{ color: cornflowerblue; text-decoration: underline;}
.std-blue-link:hover{ text-decoration: none;}

.no-ln-blue-link{ color: cornflowerblue; text-decoration: none;}
.no-ln-blue-link:hover{ text-decoration: underline;}

.no-ln-link{text-decoration: none;}

.fs-7{font-size: .9rem;}
.fs-8{font-size: .8rem;}
.w-5{width: 5%;} .w-10{width: 10%;} .w-15{width: 15%;} .w-20{width: 20%;} .w-30{width: 30%;}
.w-40{width: 40%} .w-60{width: 60%} .w-70{width: 70%} .w-80{width: 80%} .w-90{width: 90%}

.ltr-spc-1px{letter-spacing: 1px;}
.ltr-spc-2px{letter-spacing: 2px;}

.txt-warn{color: rgb(212, 128, 2)}

footer
{
	border-top: 1px solid cornflowerblue;
	margin-top: 80px;
	background:  #151f28; /*		#1b2535; 		*/
	margin-top: 80px;
	color: #c8ccd0
}
footer a {color: #c8ccd0}



.form-control::placeholder
{
	color: cornflowerblue;
	opacity: .3;
}

.new-cust-offer
{
	background-color: #047204;
	color: white;
	text-align: center; 
	font-size: 1.3rem;
	font-weight: 200;
	font-family: "oswald";
	
	letter-spacing: .5px;
	padding-top: 5px;
	padding-bottom: 6px;
}
.new-cust-bold{
	font-weight: 500;
	font-size: 1.4rem;
	
}
.new-cust-code{
	font-weight: 400;
	font-size: 1.0rem;
	
}
.new-cust-min{
	font-style: italic;
	font-size: 0.9rem;
	font-weight: 100;
}

.new-cust-offer a {
	font-family: inherit;
	color: inherit
}

.nta-ntah{
	font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 1px; font-size: 1.1em;
	padding-top: 20px;
	display: inline-block;
}

input.hp::-webkit-outer-spin-button,
input.hp::-webkit-inner-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

footer > div
{
	margin-top: 40px;
}
footer div > div h2
{
	font-size: 1.5rem;
	font-weight: 300;
	font-family: "oswald", sans-serif;;
}


footer ul, footer p, footer address{list-style: none; padding: 0; margin: 0px; line-height: 1.5rem; font-size: 0.9rem;}
.copy-R{font-size: 0.75rem}

/*################################################################################*/
.logo-nav{
	display: flex; 
	justify-content: space-between; 
}

#main-nav-cntr-id{
	background-color: white;	
}

#main-nav
{
	display: flex; 
	justify-content: space-between; 
}
.rlogo
{
	font-family: "Cherry Bomb One", system-ui;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 2.2rem;
	
	
	margin-bottom: 10px; 
	
	
}

.rlogo span{color: cornflowerblue;} 

.rlogo-adminp{font-family: "Oswald"; font-weight: 200;}
.rlogo-adminp span{color: orangered;} 

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#sign-in-id{min-width: 60px; text-align: center; line-height: 1rem;}

#cart-disp-id{min-width: 180px;}

#deliv-addr-id{min-width: 150px; text-align: center;}

#deliv-addr-id a, #deliv-addr-id span.addr-saved{display: block;}

/*################################################################################*/

#cart-disp-id
{
	border-radius: 40px;
	background-color: cornflowerblue;
	border: 1px solid orangered; /* orangered cornflowerblue */
    padding: 0px;
    margin: 0px;
	
	min-width: 2.5rem;
	position: relative;
	text-align: center;
	min-width: 100px;
}
#cart-disp-id a
{
	display: flex;
	align-items: center; 
	justify-content: space-around;
}
#cart-disp-id a i 
{
	margin-left: 5px;
	margin-right: 3px;
}

#cart-disp-naira-id
{
	
	font-style: normal;
	font-size: 0.85rem;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	margin-right: 5px;
	flex-grow: 1;
}

/*################################################################################
###############################################################################*/

#cart-items-disp-id
{
	position: absolute;
	display: inline-block;
	top: -.6rem;
	right: -.5rem;
	width: 1.5rem;
	font-style: normal;
	font-size: 0.7rem;
	font-weight: bold;
	background-color: orangered;
	color: #fff;
	border-radius: 1rem;
	border: 2px solid #fff;
	text-align: center;
}

/*################################################################################*/

#cat-menu-id
{
	padding: 10px;
	display: block;
	position: relative;
	z-index: 100;
		
	border-bottom: 1px solid cornflowerblue;

}
#cat-menu-id ul{flex-direction: row; align-items:center;} 

/*#adminp-cat-menu-id {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}*/
/*#cat-menu-id ul li a div{padding: 4px; vertical-align: middle} */

.rso-cat
{
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	/*transition: 5s ease-in-out; */
}
.rso-cat img
{
	width: 34px;
	height: 34px;
	display: block; 
}
.rso-cat:hover img {
  display: none; 
}

.rso-cat img + img
{
	width: 34px;
	height: 34px;
	display: none; 
}
.rso-cat:hover img + img{
  display: block; 
}
.rso-cat:hover{
	color: #4681f0;
}
#hamburger-icon
{
	display: none;
	width:24px;
	margin: 0px;
	margin-right: 10px;
	cursor: pointer; 
	text-align: right; border:none;
}

/*################################################################################*/

@media screen and (max-width: 390px)
{
	#sign-in-id a span
	{display: none;}
	
	#sign-in-id{min-width: 1.7rem;}
	#cart-disp-id{min-width: 80px;}
	
	.rlogo{font-size: 1.7rem;} /**/
}

@media screen and (max-width: 650px)
{
	#deliv-addr-id{min-width: 100%;  margin-top: 5px;}
	#deliv-addr-id a, #deliv-addr-id span.addr-saved{display: inline-block;}

	#site-srch-id{min-width: 30%; } 
}


@media screen and (max-width: 990px)
{	
	#main-nav {margin-bottom: 40px;}
	#site-srch-id{order: 6; min-width: 30%; }
		
}

@media screen and (max-width: 1200px)
{
	#site-srch-id
	{
			min-width: 40%;
			width: 100%;
	}
		
	#hamburger-icon{display: block;}
		
	#cat-menu-id
	{
		display: none;
		position: fixed;
		width: 100%;
		z-index: 9999;
		margin: 0px; padding: 0px;
		top: 60px;
		background-color: white;
	}
	.rso-cat
	{
		flex-direction: row;
		text-align: left;
		align-items: center; 
	}
		
	#cat-menu-id ul{flex-direction: column; background: #f0f8ff; align-items:flex-start;}
	#cat-menu-id ul li a div{padding: 4px; vertical-align: middle}
		
	#hamburger-icon .hbgr-line
	{
		display: block;
		width: 24px;
		height: 2px;
		background-color: #000;
		margin: 4px auto;
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
		
	#hamburger-icon.IsActive .hbgr-line{background-color: #f00;}
	#hamburger-icon.IsActive .hbgr-line:nth-child(2){opacity: 0;}
	#hamburger-icon.IsActive .hbgr-line:nth-child(1)
	{
		transform: translateY(6px) rotate(45deg);
		-moz-transform: translateY(6px) rotate(45deg);
		-webkit-transform: translateY(6px) rotate(45deg);
		-o-transform: translateY(6px) rotate(45deg);
	}
	#hamburger-icon.IsActive .hbgr-line:nth-child(3)
	{
		transform: translateY(-6px) rotate(-45deg);
		-moz-transform: translateY(-6px) rotate(-45deg);
		-webkit-transform: translateY(-6px) rotate(-45deg);
		-o-transform: translateY(-6px) rotate(-45deg);
	}

}

/*################################################################################*/

.card{max-width: 16rem; min-width: 10rem; border: none;}
.card img{max-width: 12em; align-self: center;}
.card-img-top1{border: 1px solid #f00;}
.top-cart-naira{font-family: "oswald", sans-serif;; letter-spacing: .5px; font-weight: 300;}

.lp-pd-brand{ font-weight: 500;}
.lp-pd-desc{font-size: 1.0rem; font-weight: 700;}

.lp-pp-naira{font-family: "Nunito Sans"; vertical-align: 10%; }
.lp-pp-amt{font-size: 1.3rem; font-weight:  300; font-family: "oswald",  sans-serif;; }

.lp-pp-unit{font-weight:  bold;}

.lp-pp-list-price{font-style: oblique; font-size: smaller; text-decoration: line-through;}

.lp-price-desc, .lp-qt-desc{font-size: smaller; }


.lp-pp-sale-dtls{font-size: smaller; color: Red; font-weight:  500;}

/*################################################################################*/
/*################################################################################*/


    .slider {
        width: 50%;
        margin: 100px auto;
    }
	.slick-list {
		margin: 0 -10px;
	}

    .slick-slide {
	  margin: 0 10px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }


.view-all-items
{
	font-size: smaller;
	color: cornflowerblue;
	text-decoration: underline;
	font-weight: 400;
}

.view-all-items:hover
{
	text-decoration: none;
}

.slk-arrow-prev,.slk-arrow-next
{
	cursor: pointer;
	border: none;
	background: none;
}

.slick-disabled
{
	opacity: .2;
	cursor: default;
}

.prod-list-wrapper
{
	color: inherit;
}

.prod-list-item
{
	min-width: 10.0rem;
}

.prod-list-item-card
{
	max-width: 16rem;
	position: relative;
}

.item-card-img-container
{
	position: relative;
	aspect-ratio: 1;
	border: 1px solid #eee;
	border-radius: 14px;
    overflow: hidden;
    padding: 1px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.prod-list-item-card img
{
	max-width: 200px;
}

/*################################################################################*/
/*################################################################################*/


/*################################################################################*/

.add-to-cart-container, .call-to-order-container
{
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}


.add-to-cart-wrapper,
.add-to-cart-wrapper-advt,
.call-to-order-wrapper-advt
{
	height: 27px;
	width: 27px;
	/*max-width: 80px;*/
	cursor: pointer;
	display: flex;
	align-items: center; 
	justify-content: center; 
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	
	background-color: orangered;
	border: 2px solid orangered; 
	border-radius: 40px; 
	
	transition: .2s ease-in-out;
	text-align: center;
}

.add-to-cart-wrapper-advt, .call-to-order-wrapper-advt
{
	max-width: fit-content; /*130px;*/
	background-color: transparent;
	transition: .2s ease-in-out;
	
	flex-wrap: nowrap;
	align-items: flex-end; 
	justify-content: space-between; /*flex-end*/
	
	text-align: center;

}

.rem-grp-btn, .rem-dsct-btn, 
.add-to-cart-btn,
.add-to-cart-btn-advt,
.call-to-order-btn-advt
{
	opacity: 0;
	width: 0;
	
	height: 25px;
	display: inline-flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	background-color: transparent;
	outline: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	color: inherit;
}
.rem-grp-btn, .rem-dsct-btn,
.add-to-cart-btn-advt,
.call-to-order-btn-advt
{
	opacity: 1;
	width: 25px;
	margin-left: 1px;
	margin-top: 1px; /**/
	justify-content: center;
}

.add-to-cart-btn *,
.add-to-cart-btn-advt *,
.call-to-order-btn-advt *
{
      width: 12px;
      height: 12px;
}
	
.add-to-cart-qt-val-wrapper-init,
.add-to-cart-btn-decr-init,
.add-to-cart-disp-none
{
	display: none;
}

.add-to-cart-qt-val-wrapper
{
	display: flex; 
	justify-content: center;
	width: 25px;
	flex-shrink: 0;
	text-align: center;
	font-family: sans-serif;
	font-size: .9375rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -.01em;
}
.add-to-cart-qt-input
{
	color: #fff;
	border: none;
	background-color: transparent;
	width: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.add-to-cart-wrapper:hover,
.add-to-cart-wrapper-advt:hover,
.call-to-order-wrapper-advt:hover
{
	width: 100%;
	background-color: #fff;
}


.add-to-cart-wrapper:hover .add-to-cart-btn
{
	opacity: 1;
	width: 25px;
}

.add-to-cart-wrapper:hover .add-to-cart-qt-input
{
	color: #000;
	/*border: 1px solid #f00 */
}

.add-to-cart-qt-input:focus
{
	outline: none;
}

.add-to-cart-advt, .call-to-order-advt
{
	display: none;
	opacity: 0;
	width: 0px;
	
	text-align: right;
	margin-bottom: -1px;
	font-weight: 600;
	color: orangered;
}
.call-to-order-advt{ color: cornflowerblue;}

.add-to-cart-wrapper-advt:hover .add-to-cart-advt,
.call-to-order-wrapper-advt:hover .call-to-order-advt
{
	display: block; 
	opacity: 1;
	width: 100%;

	padding-left: 10px;
	padding-right: 10px;
	
}

.add-to-cart-btn-incr i{
	margin: 0px;
	margin-right: 15px; margin-bottom: 11px; margin-top: -9px;
	font-size: 1.5rem; color: cornflowerblue;

}

.add-to-cart-btn-decr i{
	 margin-top: 2px; /*  font-size: 1.0rem;   margin-right: 15px; */
	color: cornflowerblue;

}
.subtr-icon-trash{font-size: 1.0rem; margin-bottom: 10px; } 
.subtr-icon-dash{font-size: 1.5rem; margin-bottom: 23px; margin-right: 5px;}
.assign-grp-icon-trash, .rem-dsct-icon-trash{font-size: 1.0rem; color: cornflowerblue;}
.assign-grp-icon-trash:hover, .rem-dsct-icon-trash:hover{color: orangered;}
/*################################################################################*/

.add-to-list-container
{
  position: absolute;
  top: 0px;
  right: 5px;
  text-align: right;
  
}

.add-to-list-btn-empty, .add-to-SFL-btn, .atc-pp-SFL-btn, .acct-remove-SFL-btn
{
		
	background-color: transparent;
	outline: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;

	color: cornflowerblue;
}

.add-to-list-btn-empty:hover {color: orangered;}

/*################################################################################*/
/*################################################################################
################################################################################
###############################################################################*/

.atc-pp-wrapper,
.atc-pp-wrapper-advt
{
	height: 50px;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-between; 
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	
	border: 2px solid cornflowerblue; 
	border-radius: 40px; 
	
	transition: .5s ease-in-out;
		
	flex-wrap: nowrap;
	background:  cornflowerblue; /*orangered*/
}
.atc-pp-wrapper
{
	cursor: default;
	background: transparent;
}

.atc-pp-advt
{
	display: block;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 600;
	color: #fff;
	
	width: 100%;
}

.atc-pp-btn
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	background-color: transparent;
	outline: 0px;
	border: 0px;
	margin: 0px 20px;
	vertical-align: middle;
	color: cornflowerblue;
	
}

.atc-pp-qt-val-wrapper
{
	display: flex; 
	justify-content: center;
	width: 25px;
	flex-shrink: 0;
	text-align: center;
	font-family: sans-serif;
	font-size: .9375rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -.01em;
}
.atc-pp-qt-input
{
	border: none;
	background-color: transparent;
	width: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.atc-pp-qt-input:focus
{
	outline: none;
}


.atc-pp-qt-val-wrapper-init,
.atc-pp-btn-decr-init,
.atc-pp-btn-incr-init,
.atc-pp-disp-none
{
	display: none;
}


.pp-naira{font-family: "Nunito Sans", sans-serif; }
.pp-amt{font-family: "oswald"; font-weight: 300;}
.pp-list-pr{text-decoration: line-through;}


.lp-link-disp {text-decoration: none;}

/****************************************************************************************************
 ****************************************************************************************************
 ****************************************************************************************************
 ****************************************************************************************************/

 input[type=radio].toggle {
	display: none;
  }
  input[type=radio].toggle + label {
	cursor: pointer;
	min-width: 130px;
	padding: 10px;
  }
  input[type=radio].toggle + label:selection{background-color:transparent;}
  
  input[type=radio].toggle + label:hover {
	background: none;
	color: #1a1a1a;
  }
  input[type=radio].toggle + label:after {
	background: cornflowerblue;
	border: 1px solid cornflowerblue;
	border-radius: 40px;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	transition: 0.2s ease-in-out;
	width: 100%;
	z-index: -1;
  }
  input[type=radio].toggle.toggle-left + label {
	border-right: 0;
	margin-right: 0px;
  }
  input[type=radio].toggle.toggle-left + label:after {
	left: 100%;
  }
  input[type=radio].toggle.toggle-right + label {
	margin-left: -5px;
  }
  input[type=radio].toggle.toggle-right + label:after {
	left: -100%;
  }
  input[type=radio].toggle:checked + label {
	cursor: default;
	color: #fff;
	transition: color 200ms;
  }
  input[type=radio].toggle:checked + label:after {
	left: 0;
  }
  
  /**************************************************************************************************/
  /**************************************************************************************************/
  
  .hr-t {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: 0.5;
  }
  .hr-t:before {
	content: "";
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
  }
  .hr-t:after {
	content: attr(aria-label);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 0.5em;
	line-height: 1.5em;
	color: #000;
	background-color: #fff;
  }
  
/****************************************************************************************************
 ****************************************************************************************************/

 #sign-in-btn-id:disabled
 {
	 color: #bbb;
	 background: #efeeee;
	 cursor: not-allowed;
 }
 
 
 .wrpr {
  /* border: 1px solid #ccc; */
   font-size: smaller;
 }
 
 .tgl-btn {
   /*border: 1px solid #1a1a1a; */
   display: inline-block;
   position: relative;
   text-align: center;
   transition: background-color 600ms ease, color 600ms ease;
 }
 
 #sign-in-instr-id{font-size: .8rem;}
 
 .sign-in-code input
 {
	 width: 2.3rem;
	 height: 3.6rem;
	 text-align: center;
	 margin-right: 7px;
	 font-size: 1.3rem;
	 border: 1px solid cornflowerblue;
	 border-radius: 3px;
	 box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; 
 }
 .sign-in-code #cd3-id{margin-right: 18px;}

 .sign-in-code input:hover
 {
	 outline: orangered solid 1px;
 }
 
 .sign-in-code input:focus, .sign-in-code input:active 
 {
	 outline: rgb(8, 212, 42) solid 1px;
 }
 #sign-in-code-status-id{color: #0a0; vertical-align: middle; }
 #sign-in-code-status-id i{font-size: 2rem; margin-bottom: 5px; display: inline-block;}
 #sign-in-code-status-id span{font-size: 1rem; margin-bottom: 10px; display: inline-block;}
 
 

 #SCA-lnk-id{ text-decoration: none; display: none; color: #253f6e}
 #SCA-lnk-id:hover{ text-decoration: underline;}

 #send-code-btn-id
 {
	 color: white;
	 background-color: cornflowerblue;
	 border: 1px solid cornflowerblue; 
	 border-radius: 10px; 
	 padding: 5px 10px;
	 width: fit-to-content;
	 text-align: center;
	 margin: 10px 0px;
 }
 
 #send-code-btn-id:disabled{
	 color: #444;
	 background-color: #dfdfdf;
	 border: 1px solid #ccc;
	 cursor: not-allowed;
 }
 #send-code-btn-id:disabled:hover{
	 border: 1px solid #ccc;
 }
 #send-code-btn-id:hover{
	 border: 1px solid #47649b;
 }
 
 

/*################################################################################
################################################################################
###############################################################################*/

.lite-hr{ color: #ccc;}
.qti-cart-container
{
	display: inline-flex;
}

.qti-cart-wrapper
{
	height: 36px;
	width: 94px;
	cursor: pointer;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-around; 
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	
	border: 1px solid #ccc; 
	border-radius: 30px; 
		
	flex-wrap: nowrap;
	cursor: default;
	background: transparent;
}

.qti-cart-rem-btn
{

	height: 36px;
	width: 36px;
	background-color: transparent;
	outline: 0px;
	border: 0;
	margin: 0px;
	vertical-align: bottom;
	margin-right: 10px;
	color: cornflowerblue;
	
	border: 1px solid #ccc; 
	border-radius: 36px; 
}
.qti-cart-btn
{
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
	height: 30px;
	background-color: transparent;
	outline: 0px;
	border: 0;
	margin: 0px;
	vertical-align: top;
	color: cornflowerblue;
	
}

.incr-icon-pp{font-size: 2.0rem; margin-top: 5px;}
.decr-icon-pp{font-size: 2.0rem; }
.add-bdr{border: 1px solid rgb(243, 238, 238); }

.incr-icon-cart{font-size: 1.5rem; margin-left: 3px;}
.decr-icon-cart{font-size: 1.5rem; margin-right: 3px; }

.spinner-grow{background-color: #e4e9e4;}

.adjust{margin-left: -4px;}

.qti-cart-qt-val-wrapper
{
	display: flex; 
	justify-content: center;
	width: 25px;
	flex-shrink: 0;
	text-align: center;
	font-family: sans-serif;
	font-size: .9rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -.01em;
}
.qti-cart-qt-input
{
	border: none;
	background-color: transparent;
	width: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.qti-cart-qt-input:focus
{
	outline: none;
}

.qti-cart-price-qty-man
{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	/*min-width: 250px; */
}

.cart-delv-notice
{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;

}

.cart-sum-items, .cart-sum-items-tot
{
	display: flex;
	justify-content: space-between;

	padding: 0px 20px;
}
.cart-sum-items-tot
{
	padding: 0px 10px;
}
.cart-sum-items dt
{
	font-weight: 400;
}
.cart-sum-items dd, .cart-sum-items-tot dd
{
	font-weight: 600;
}
.cart-sum-items-tot dd
{
	padding: 0px 10px;
}
.cart-cktbtn
{
	color: white;
	background-color: cornflowerblue;
	border: 2px solid cornflowerblue; 
	border-radius: 40px; 
	
	padding: 7px 0px ;
	
	width: 100%;
	text-align: center;
	margin: 10px 0px;

}
.cart-cktbtn:hover
{
	color: cornflowerblue;
	background-color: transparent;
}
.std-blue-link{ color: cornflowerblue; text-decoration: underline;}
.std-blue-link:hover{ text-decoration: none;}

.no-ln-blue-link{ color: cornflowerblue; text-decoration: none;}
.no-ln-blue-link:hover{ text-decoration: underline;}


.chkout-pm-img-lbl img{ vertical-align: top; height: 1.3rem}


.chkout-pmt-notice
{
	display: flex;
	justify-content: space-between;

}
.R-cart-msg-container
{
	background-color: #047204;
	color: white;
}
.R-cart-msg-tit
{
	color: #acc0ac;
}
.R-cart-avtr-logo
{
	font-family: "Cherry Bomb One", system-ui;
	font-size: 1.6rem;
	color: cornflowerblue;
	background-color: white;
	
	display: flex;
	align-items: center;
	text-align: center;

	height: 34px;
	width: 34px; 
	border-radius: 50%;
	border: 1px solid #ccc;
	
	margin-left: 15px;
	margin-right: 5px;
}
.R-cart-avtr-logo > div{
	margin-top: -4px;
	margin-left: -1px;
}
#dsct-code-err-id
{
	font-weight: 600;
}
#dsct-code-err-id:empty:after {
   content: '\200b';
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#site-srch-id
{
	min-width: 50%;
	
	align-self: flex-start;
	position: relative;
	margin-top: 5px;				

}

#site-srch-id button:hover{
	color: orangered;
}

#site-srch-id button:focus, #site-srch-id button:focus i{
	color: orangered;
}

#site-search-btn-id {
	font-size: 1rem;
	color: cornflowerblue;
	padding: 5px;
	margin-right: 10px;
}

#search-container-id
{
	border: 1px solid cornflowerblue;
	background-color: white;
	
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	
	z-index: 300;
}
.shadow-drop{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.shadow-rest{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.bdr-top-radius-25
{
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}
.bdr-btm-radius-25
{
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.bdr-btm-radius-0
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#search-input-id
{
	display: flex;
	justify-content: space-between
}

#search-input-id > input{
	width:100%;
	border: none;
	padding: 10px 0px;
	margin: 0px 20px;
	margin-right: 10px;
}

#search-input-id > input:focus, #search-input-id > input:active
{
	outline: none !important;
	box-shadow: none !important;
}

#results-container-id {

 max-height: 600px;
 overflow-y: auto;
}

#results-container-id ul {
  list-style-type: none;
  padding: 5px;
  margin: 0;
}
#results-container-id ul li {
  padding: 5px;
  cursor: pointer;
}
#results-container-id ul li:hover {
  background: #eef;
}


.srch-hist-tag, .poplr-srch-tag{
	background: white;
    
    border: 1px solid #eef;
    border-radius: 50px;
    font-size: .9rem;
    color: #000;
    font-weight: 500;
    
    display: flex;
    align-items: center;
	
	height: 26px;
    padding-right: 6px;
	padding-left: 10px;
	
	width: fit-content;
	margin: 10px;
}
.srch-hist-tag i{
	font-size: 1.2rem;
}


.focus {
	border: 1px solid cornflowerblue;
}
.focus-clr {
	color: orangered;
}

.focus-clr-x {
	color: orangered;
}

.blur{
	border: 1px solid #eef;
}
.blur-clr{
	color: #000;
}

.srch-hist-tag span, .poplr-srch-tag span{

	max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
	
	margin-right: 6px;
}
.poplr-srch-tag span{
	
	margin-left: 6px;
}
.poplr-srch-tag i{
	
	font-size: .9rem;
	color: #F7374F;
	cursor: pointer;
}
	
#srch-hist-tags-hdr-id, #poplr-srch-tags-hdr-id{
	
	font-weight: 600;
	display: flex;
	justify-content: space-between;	
	/*border-top:  1px solid #e4eaf5; */
	padding-top: 10px;
	margin: 0px 20px;
}
#poplr-srch-tags-hdr-id{
	border-top:  1px solid #e4eaf5;
}

#hide-srch-hist-cntnr-id{
	padding-top: 10px;
	margin: 0px 20px;
	border-top:  1px solid #e4eaf5;
	display: flex;
	justify-content: flex-end;
}

#rem-srch-hist-id{
	cursor: pointer;
}

#srch-hist-tags-contr-id, .poplr-srch-tags-contr{
	display: flex;
	justify-content: flex-start;
	margin: 10px;
	flex-wrap: wrap;
}
#srch-rslt-swatch-id{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-evenly;
	flex-wrap: wrap;
	
	border-top:  1px solid #e4eaf5;
	/*margin-bottom: 10px;
	padding-top: 10px; */
	margin: 10px 20px;
	margin-top: 0px;
	
}
.srch-rslt-swatch{
	width: 120px;
	height: 130px;
	text-align: center;
	padding: 10px;
	margin: 5px;
	margin-top: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	font-size: .9rem;
	
}
.srch-rslt-swatch:hover{
	background-color: #fefeff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: 1px solid #eef;
    border-radius: 5px;

}
.srch-rslt-swatch img{
	max-width: 80px;
	vertical-align: middle;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.b-R-cart-avtr-logo
{
	font-family: "Cherry Bomb One", system-ui;
	font-size: 55px;
	color: #c8ccd0;
	background-color: #151f28;
	
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;

	height: 70px;
	width: 70px; 
	border-radius: 50%;
	
	border: 2px solid #c8ccd0;/**/
	
}
.b-R-cart-avtr-logo > div{
	margin-bottom: 10px;
}

.clr-test{
	color: #078807;
}

.bt-hr{border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;}
.tp-hr{border-top: 1px solid #e6e6e6; margin-top: 20px;}

.vln-right{border-right:  1px solid #e6e6e6;}
.vln-left{border-left: 1px solid #e6e6e6;}



.disp-block-cont, .disp-block-cont-addr{
	
	background-color: white;
	color: black;
	border-bottom-left-radius: 4px;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; /*  52*/
	
	padding: 20px;
	
	margin: 30px 0px;
}
.disp-block-cont-addr{
	margin: 10px 0px;
}

.disp-block-cont-my-rfr, .disp-block-cont-rfr-rec{

	color: black; 
	background-image: linear-gradient(to right, white, #589780, #022518);
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; /* 3 */
	
	padding: 20px;
	margin: 20px 0px;
}

.disp-block-cont-rfr-rec{
	background-image: linear-gradient(to right, white, #589780, #b98004);
}

.disp-block-cont-rfr{
	
	background-color: #110b0b;
	color: white;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; /* 3 */
	
	padding: 5px;	
	margin: 5px 0px;
}

.disp-block-cont-2{
	
	background-color: white;
	color: black;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 
				0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; /* 85*/
	
	padding: 10px 5px;
	margin: 20px 0px;
}

.disp-block-cont-2 li, .disp-block-cont-2 ul{
	list-style:  circle;
	padding: 0px;
	margin: 0px;
	margin-left:  10px;

}

.disp-block-cont-wallet-mini{
	
	background-color: white;
	color: black;
	border-radius: 4px;
	border: 1px solid #00aa00; 
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; 	/*  52*/
	
	padding: 10px;
	
	margin: 20px 0px; /**/
}

.rfr-btn{
	outline: 0px; 
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	display: inline-block;
	background-color: #110b0b;
	color: #ccc;
	margin-right: 5px;

}
.rfr-btn i{
	 font-size: 1.2rem; color: #ccc;
}
.rfr-share-link-clr{
	 color: #f8ba0e;
}

.gen-xtfr-code-ctnr{
	width: 220px;
}
.rf-bg-grd-g-db{
	 color: white; 
	 background-image: linear-gradient(to right, #047c4e, #02224d);
}

.rf-bg-grd-lb-db{
	 color: white;
	 background-image: linear-gradient(to right, #35639e, #14498f, #02224d);
}

.acct-sum-list{
	background-color: white;
	color: black;
	border-radius: 4px;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; /*  52*/
	
	padding: 20px;
	margin: 20px 0px;
	overflow: auto;
}
.acct-sum-list dt{
	font-weight: 400;
	text-align: right; 
	width: 50%;

	display: inline-block;
}
.acct-sum-list dd{
	font-weight: 700;
	width: 48%;
	display: inline-block;
}

.status-delivered{
	color: #078807;
	font-weight: 500;
}

.img-card-order-rivu{
	
	padding: 5px;
	
	width: 100%;
	
	box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;	/*    92  */
}
.img-card-SFL-rivu{
	
	padding: 5px;
	width: 100%;
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; /*    94  */
}

#collapse-enter-email-id{
	display: none;
	position: absolute;	
	left: 0;
	top: 40%;
}

#acct-home-cntnr-id{
	position: relative;
}

.pen-edit{
	
	font-size: 1rem; 
	color: cornflowerblue; 
	vertical-align: top; 
	border: 1px solid cornflowerblue; 
	padding: 4px; 
	border-radius: 6px;
	margin-left: 5px;
}

.gen-btn, .gen-rfm-btn, .gen-copy-btn{
	outline: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
}
.gen-copy-btn{
	background-color: transparent;
	color: cornflowerblue;
}
.move-rfm-icon{
	
	border: 0px;
	outline: 0px;
	font-size: 1.2rem; 
	color: cornflowerblue; 
	vertical-align: middle; 
	padding: 0px 4px; 
	background: transparent;
	margin-left: 5px;
}

.frm-err-disp{
	color: rgb(224, 60, 60);
	height: 2rem;
} 

.text-success-rf{
	color:rgb(26, 148, 91);
	font-weight: 600;
}

.r-show{
	display: block;
}
.r-hide{
	display: none;
}

.img-size-100{
	width: 80px;
}

.share-link {
	margin: 0px 5px;
}

.share-link i{
	font-size: 1.5rem;
}

.referral-pg-offer, .referral-pg-offer h1{
	background-color: #047204;
	color: white;
	text-align: left; 
	font-size: 1.5rem;
	font-weight: 300;
	font-family: "Oswald", "Nunito Sans", sans-serif;
	letter-spacing: 1px;
	padding: 7px;
}

.referral-pg-offer h1
{
	padding: 0px;
	margin: 40px 0px;
	font-size: 1.8rem;
}


.naira-amt, .naira-amt-sml{
	font-size: 2.1rem;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
}

.naira-amt-sml{
	font-size: 1.5rem;
}

.naira, .naira-sml{
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.3rem;
	font-weight: 300;
	vertical-align: text-top;  
	padding-top:  8px;
	display: inline-block
}

.naira-sml{
	font-size: 1.1rem;
	padding-top:  5px;
}


.rfr-offer-bdy{
	margin-top: 30px;
	font-family: "Nunito Sans", "Oswald", sans-serif;
	font-size: 1.0rem;
	font-weight: 300;
	
}

.rfr-how-it-works-box{
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; /* 11*/
	background-color: #fbfdff;
	padding: 20px;
	height: 230px;
}

.rfr-how-it-works-box i{
	color: cornflowerblue;
	font-size: 2.0rem;
	/*background-color: cornflowerblue; */
}
.accordion-button:focus {
    outline: none;
    box-shadow: none;
	
}
.accordion-button:active {
	background-color: none;
}

.accordion {
    --bs-accordion-btn-focus-box-shadow: none; 
    --bs-accordion-active-bg: none;
	--bs-accordion-btn-padding-x: 30px;
	--bs-accordion-btn-padding-y: 30px
}

.accordion-header{
	font-weight: bold;
}
.accordion-item:hover .accordion-button, .accordion-item:hover .accordion-body{
	background-color: #fbfdff;
}

.chkout-sum-list{
	overflow: auto;
	display: table;
}
.chkout-sum-list dt, .chkout-sum-list dd{
	display: table-cell;
	display: inline-block;
	font-weight: normal;
	font-family: "Nunito Sans", sans-serif;
	vertical-align: text-top;
}
.chkout-sum-list dt{
	width: 59%;
	text-align: left;
}
.chkout-sum-list dd{
	width: 40%;
	text-align: right;
	font-weight: bold;
}

.coupon-cntnr-box, .gen-disp-cntnr-box, .gen-disp-cntnr-box-2{
	border: 2px dashed #ccc;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;  /* 85*/
	background-image: linear-gradient(to right, #ffffff, #f0faff);
	margin-bottom: 0px;
}

.gen-disp-cntnr-box, .gen-disp-cntnr-box-2{
	border: 1px solid #ccc;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;  /* 85*/
}
.gen-disp-cntnr-box-2{
	background-image: linear-gradient(to right, #ffffff, #f0fffa);
}
.coupon-item-box, .gen-disp-item-box{
	display: grid;
	padding: 10px;
	padding-bottom: 0px;
	display: grid;
	grid-gap: 4px 16px;
	grid-template-columns: max-content;
}
.coupon-item-box dt, .gen-disp-item-box dt{
	
	font-weight: normal;
}
.coupon-item-box dd, .gen-disp-item-box dd{
	font-weight: bold;
	margin: 0;
	grid-column-start: 2;
}

