/* change EM to PX */
:root {
			text-rendering: optimizeLegibility;
			-webkit-font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
    	--inner-shadow: inset 8px -8px 14px #000000a6;
			--color-background: goldenrod;
			--color-shadow:black;
			--color-button1:#173201;

}

body {
	  background-color: var(--color-background);
}
.noselect {-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;outline: none}
.canselect {-moz-user-select: text; -webkit-user-select: text; -ms-user-select:text; user-select:text;-o-user-select:text;outline: aliceblue}
#top-cart,#toplogin,.pack-container,.toplogo,#toplogin2,.remopt,.cmenu,.top-service,.pullbar,.curr_logo  {
	cursor: pointer;
}
.inner-window {
	background-color: white;
	border-top: 3px solid black;
}
.inner-inner {
	/* padding-bottom: 150px; */
}
.inner-page {
	background-color: white;
	border-radius: 100% 100% 122% 95%;
}
.inner-page-mask1{
	background-color: white;
}
.inner-page-mask2{
	background-color: white;
}
.pack-a,.pack-a1 {
	font-family: var(--font-t2);
	font-variant: petite-caps;
	text-decoration: none;
	color:black;
	font-weight: bold;
}
.pack-container{
	background-color: white;
	box-shadow: 1px 1px 5px 0px #9a8e8e;
	transition: transform  ease-in 0.8s,box-shadow ease-in 0.2s;
	perspective: 1000px;
	transform-style: preserve-3d;
	/* transform: rotateY(270deg); */
}
.pack-container:hover{
	background-color: white;
	box-shadow: 1px 1px 20px 0px #9a8e8e;
	transition: all ease-in 0.5s;
}
.pack-img1:hover{
	background-color: white;
	box-shadow: 1px 1px 20px 0px #9a8e8e;
	transition: all ease-in 0.5s;

}
.pack-container .pack-title{
	text-decoration: none;
	color:black;
	font-family: var(--font-t2);
	font-variant: petite-caps;
	font-weight: bold;
}
.pack-price {
	display: block;
  text-shadow: 0px 0px 4px white;
	background-color: rgba(218,165,32,0.5);
	color: black;
	border-color: rgba(0,0,0,0);
	border-radius: 100px 0px 0px 0px;
	font-family: var(--font-t2);
	font-weight: bold;
}

.pack-outofstock {
	background-color: rgba(119,116,110,0.5);
}
.pack-title{
	border-right-style: groove;
  text-shadow: 0px 0px 4px white;
	background-color: rgba(218,165,32,0.5);
	border-color: rgba(0,0,0,0);
	border-radius: 0px 0px 100px 0px;
}
.pack-title1{
	border:0;
  text-shadow: 0px 0px 4px white;

}
.toplogo {
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 9;
}
.cart_view {
  transition: right 1s ease-in;
	-webkit-transition:right 1s ease-in;
	z-index: 999;
	border-radius: 20% 0 0 20%;
  box-shadow: -8px 9px 7px 1px black;
}
.cart_view{

}
.cart_item_img {
	background-repeat:no-repeat;background-size:contain;
}
.cart-row-inner-text,#tlgin,.caption3,.caption1,.caption2,.top-service,.confirmorder,.text2,.text3,.sdesc,.p2  {
	font-weight: bold;
	font-family: var(--font-t1);
}
.input-qty,.button-delete, .navb,.item_add2cart {
	border-radius:4px;
	font-weight: bold;
	font-family: var(--font-t1);
}
.confirmorder {
	background-color: white;
	box-shadow: 6px 7px 14px #000000a6;
}
.p1 {
	 text-shadow: 1px 0px 5px white;
}
.btlr-10 {border-top-left-radius: 10px;	}
.bblr-10 {border-bottom-left-radius: 10px;}
.btlr-10 {border-top-left-radius: 10px;}
.bbrr-25 {border-bottom-right-radius: 25px;}

.flashel {
	/* background-color: inherit; */
  -webkit-animation-name: flashel;
  -webkit-animation-duration: 1s;
  animation-name: flashel;
  animation-duration: 1s;
	animation-iteration-count: 1;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes flashel {
	20% { background-color: inherit; }
	40% { background-color: radial-gradient(white, #9198e5); }
	60% { background-color: inherit; }
	80% { background-color: radial-gradient(white, #9198e5); }
	99% { background-color: inherit; }
}

/* Standard syntax */
@keyframes flashel {
	/* 20% { background: inherit; text-shadow: none;} */
	40% { text-shadow: 0 0 3px #fbff00, 0 0 5px #ffffff ,0 0 8px #ffffff,0 0 2px #ffffff,0 0 10px #ffffff,0 0 9px #ffffff,0 0 11px #ffffff,0 0 12px #ffffff,0 0 5px #ffffff;
0 0 13px #ffffff,0 0 14px #fbff00;;;;;}
	/* 60% { background: inherit; } */
	80% { text-shadow: 0 0 2px #fbff00, 0 0 4px #ffffff ,0 0 8px #ffffff,0 0 2px #ffffff,0 0 10px #ffffff,0 0 9px #ffffff,0 0 11px #ffffff,0 0 12px #ffffff;;;;}
	99% { text-shadow: none;}
}


.warning {
	background-color: inherit;
  -webkit-animation-name: warning;
  -webkit-animation-duration: 1s;
  animation-name: warning;
  animation-duration: 1s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes warning {
	20% { background-color: inherit; }
	40% { background-color: red; }
	60% { background-color: inherit; }
	80% { background-color: red; }
	99% { background-color: inherit; }
}

/* Standard syntax */
@keyframes warning {
	20% { background-color: inherit; }
	40% { background-color: red; }
	60% { background-color: inherit; }
	80% { background-color: red; }
	99% { background-color: inherit; }
}
.p_notif_main {
	display: block;
	position: absolute;
	width: 200px;
	height: auto;
	right: 0;
	top:0;
}
.p_notif {
	color: white;
	background-color: rgba(0, 0, 0,1);
	padding-right: 25px;
	padding-left: 5px;
	display: block;
	word-break: break-all;
}
.p_notif_decay{
	opacity: 0;
	 transition: opacity 5s ease-in-out;
	 -moz-transition: opacity 5s ease-in-out;
	 -webkit-transition: opacity 5s ease-in-out;
}


.button-delete, .navb,.item_add2cart {
	color:#fff;
	-webkit-transition:background-color 200ms linear;
	transition:background-color 200ms linear;
	background:var(--color-button1) ;
	background-size:11px;
	text-shadow: 1px 1px 10px black;
	box-shadow: 3px 2px 3px #0000006b;
}
.button-delete:hover,.navb:hover,.item_add2cart:hover {
	background:#275701;
	background-size:11px;
	cursor:pointer;
}


.cart-row a:link, .cart-row a:visited {
	color:#173201;
	text-decoration:none;
}
.cart-row a:hover, .cart-row a:active {
	color:#275701;
	text-decoration:underline;
}
.item_price, .item_quantity span, .shipping_method, .checkout_total, .checkout_confirm {
	color:#000;
}

#topcategory {
	text-shadow: 0px 2px 3px #555;
	font-family: var(--font-t1);
}
#topbar {
	background: linear-gradient(to top, var(--color-background), rgba(0,0,0,0.2));
}

#toplogin2 {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

#cart-number {
	font-weight: bold;
	color: white;
}
#top-cart {
	background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/logo/Ic_shopping_cart_48px.svg);
}

.bottom-s {
	background-color: var(--color-background);
	background: linear-gradient(to bottom, var(--color-background) 80%,black);
}

.remopt {
  color: red;
	font-weight: bold;
	font-family: sans-serif;
}
.caption3 {
	background: linear-gradient(22deg, var(--color-background), transparent);
}
.caption1 {
	background: linear-gradient(22deg, var(--color-background), transparent);
}
.caption2 {
	background: linear-gradient(22deg,transparent 50%,var(--color-background));
}

.catsel {
  z-index: 1;
  background: radial-gradient(farthest-corner, white,black);
  box-shadow: -20px 11px 20px 0px black;
	transition: all 0.4s;
}
.catsel2 {
  background: rgba(5, 41, 5, 0.83);
}
.cmenu {
	background: darkgoldenrod;
	font-family:  var(--font-t1);
	font-variant: petite-caps;
	font-weight: bold;
}
.cmenu a {
	color: black;
	text-decoration:none;
}
.ba {
  text-decoration: underline;
	color:black;
	text-shadow: -1px -1px 0px #9a9582ad;
	font-family: var(--font-t1);
	font-weight: bold;
}
.p2 span {
	text-decoration: underline;
}
.checkbox1 {
  box-shadow: -1px 3px 3px black;
  background: black;
}
.dcell {
	font-style: italic;
}
.addressbox {
	background-color: rgb(255, 246, 203);
  border-color: rgb(220, 180, 69);
	border-style: solid;
	font-weight: bold;
}
.spolicy {
	font-family: monospace;
	font-weight: normal;
  color: blue;
}
.row-highlight {
	background-color: rgb(255, 246, 203);
}
.pack-img, .pack-img1{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.searchbutton {
	text-transform: var(--search-button-tt);
	font-family: var(--search-button-font);
}
.pullbar {
	background: radial-gradient(farthest-corner, rgb(74, 74, 74),black);
	z-index: 1;
	transition: all 0.2s;
	border-radius: 17px;
}
.pullbar:hover {

}
.cathide {
	left: -110px;
}
.bshadow {
	box-shadow: var(--inner-shadow);
	padding-bottom: 170px;
}
.bg1{
	display: block;
	width: 96%;
	height: 100%;
	background-image: linear-gradient( rgb(255 255 255 / 98%),rgb(255 255 255 / 95%),rgb(255 255 255 / 54%)),url(../images/bottom.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	position: fixed;
	z-index: -100;
}
.text2 {
	font-kerning: none;
	text-align: justify;
}
.box2 {
  color: #000;
  text-decoration: none;
}
.oncra{
	border-radius: 50%;
	background-color: var(--color-background);
	box-shadow: 7px 9px 17px 4px;
}
.oncra span{
  color: white;
  text-shadow: -1px 5px 4px black;
	font-variant: all-petite-caps;
}
.slider1,.slider2 {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position-y: top;
	background-position-x: center;
	cursor:pointer;
}
.altrow {
	background-color: rgba(214, 161, 27, 0.25);
}

.arrow-right {
	transition: border 0.6s;
}
.arrow-right:hover {
	border-left: 34px solid rgb(0, 255, 41);
		transition: border 0.6s;
}
.grayed {
	background-color: darkgray;
	cursor: not-allowed;
}
.grayed:hover {
	background-color: darkgray;
	cursor: not-allowed;
}
.ca_logo {
	background:url("../images/logo/canada.png") no-repeat 8px center;
	background-size:30px 17px;
}
.usa_logo {
	background:url("../images/logo/usa.png") no-repeat 8px center;
	background-size:30px 18px;
}
.int_logo {
	background:url("../images/logo/earth.png") no-repeat 8px center;
	background-size:30px 18px;
}
.pplogo {
		 background:url("https://www.paypalobjects.com/webstatic/mktg/logo/AM_SbyPP_mc_vs_dc_ae.jpg") no-repeat;
		 background-size: contain;
}
.pack-promo1{
	/* background-image: url(../images/logo/redbow.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	top:0px; */
}
.tal {text-align: left;}
.site-text {
	font-family: var(--font-t1);
}
.pbw {
	background-color: rgb(255, 255, 255,  0.50);
	border-radius: 30px;
}
.vis-50 {
	background-color:rgba(255, 255, 255, 0.50);
	border-color: rgb(25 25 25 / 50%);
}
#nav-bar {
	position:relative;
	display:block;
	color:black;
	text-align: left;
}
.navlink{
	position:relative;
	display:inline-block;
	margin-left:5px;
	margin-top:5px;
	color:blue;
}