@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;}
html,body{width:100%;}
/*
body{font-family:'Fira Sans', sans-serif;font-size:100%;font-weight:300;color:#60616a;overflow-x:hidden;padding:0 100px;transition:padding-left .2s ease-out;background:url(../images/loading.jpg) no-repeat center top;}#txtCont > p.address
*/

/* 2026 / Jan / 09 / Arthur */
#sideTree > dd > a { color: #00aeff !important; font-weight: bold !important; padding-left: 50px !important;}
#sideTree > dt > a > span { color: #00aeff !important;}
#sideTree > dt > a { display: block; font-weight: bold !important; font-size: 100%; color: #636466 !important; font-family: 'Fira Sans', sans-serif;}

#sideTree > dd { display:none;}
#sideTree > dt {cursor: pointer; color: blue;}
#sideTree > dt.active + dd { display: block;}
/* 2026 / Jan / 09 / Arthur */

#signUp > label:nth-child(7) > em { color: red; font-weight: bold;}

#original_password,
#new_password,
#password_confirm { color: black; font-weight: bold;}

#shippingMethodSection > p > label,
#cartSubTotal,
#cart_total_section > dl:nth-child(5) > dt,
#cart_total_section > dl:nth-child(8) > dt > strong,
#cartTotal { color: black; font-weight:bold;}
#bill-summary > h2 { margin-top: 20px;}
#bill-summary > table > tbody { color: white;}
#myCart > article > ul > li > div > span { background-color: white; padding: 10px;border-radius: 10px; font-weight: bold;}
body > section > div:nth-child(1) { color: white;}
body > section > article > div > div > a > p { font-size: 0.8em;}

body > section > article > div > div > a > h4 > strong,
body > section > article > div > div > a > p,
body > section > article > div > div > a > h3,
body > section > article > h3 { color: white !important;}
body > div:nth-child(14) > div.grecaptcha-badge,
body > div:nth-child(13) > div.grecaptcha-badge,
html > body.mCell > div > div.grecaptcha-badge { margin-bottom: 35px; z-index: 9 !important;}
#agree_term_condition { width: 20px; height: 20px; z-index: 999;}


#myCart > article > ul > li { font-size: 1.5em;}

#txtCont > p.storename, #pdtList > h2, #fPdt > h2.sectionTitle, #txtCont > h1, #txtCont > h3, #homeCate > h2
#myCart > article > ul { font-size: 1.5em;}
#myCart > article > ul > li > a:hover { color: white;}
#myCart > article > ul > li > a { color: pink;}
 #txtCont > div > div > h1 { font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: left;margin-bottom: 30px;font-size: 3em;}

#pdtList { margin-top: 30px;}
#pdtList > p { color: white; font-size: 1.2em; margin-bottom: 20px;}
#txtCont > div > div > p:nth-child(4) > a { color: lightblue;}
#txtCont > div.cWrap > div.aboutCopies > p { color: white;line-height: 1.5em;}


/* confirm_order.php */ 
#checkout-steps > span { color: #e42d34 !important;}
#delivery_info > label { color: #e42d34;}
#confirmFrm > div.fullWidth.checkout-note > small { color: white;}
#confirmFrm > div.fullWidth.checkout-note > h2 { color: #e42d34;}
#signature_optional > p > strong > a { color: yellow;}
#signature_optional > p > strong { color: white;}
#checkOut > article > div.two-third.left-text.first.checkout-info > a { color: yellow;}
#cart-table > h2, #bill-summary > h2,
#checkOut > article > div:nth-child(4) > h2,
#checkOut > article > div.two-third.left-text.first.checkout-info > h2 { color: white !important;}
/* confirm_order.php */

/* order_history.php */
body > section > article > div { font-size: 1.5em !important; color: white;}
#year { font-size: 1em !important;}
body > section > article > label { font-size:1.5em !important; color: white !important;}
/* order_history.php */

body{font-family:'Fira Sans', sans-serif;font-size:100%;font-weight:300;color:white;overflow-x:hidden;padding:0 100px;transition:padding-left .2s ease-out;background:url(../images/top_bg.jpg) no-repeat center top; background-color: black;}

#msgBox{position:fixed;background:#7a1936;padding:10px 30px;right:0px;top:142px;z-index:100;color:#fff;font-weight:bold;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .4s ease-in-out;width: 100%; text-align:center;font-size: 2em;}
#msgBox.member{top:150px;}
#msgBox.active{-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);transition:transform .25s ease-in-out;transition-delay: .3s}


body:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0px;top:0px;z-index:10;opacity:0;visibility:hidden;transition:all .2s linear;transition-delay:.4s;}
body.mask:before{opacity:1;visibility:visible;transition-delay:0;}
body.showCate,.showCate header{padding-left:320px;transition:padding-left .3s ease-out;}

#allImgs > div:nth-child(2),
#allImgs > div:nth-child(1) { margin-right: 5px;}
#allImgs > div {background-size: contain; width: 30%;height: 100vh; float: left;background-repeat: no-repeat;}
#allImgs { display: block !important;width: 100%;height: 100px;margin-top: 20px;}
footer > nav { color: white;}
#myCart > article > ul > li > p, #txtCont > div > ul > li { color: white;}
#txtCont > p, #txtCont > ul { color: white;}
footer {position: fixed;bottom: 0 !important; width: 85% !important;}
#ttl_inventory { display:none !important;}
#cateGories > p { color: white;}
#homeBar > form { border-bottom: none;}
#fPdt > div > a > img { max-width: unset; max-height: unset;width: 100%;}
#fPdt > div > a { padding: 0;border: none; border-radius: 30px;}
#userCell { z-index: 99;}
#txtCont > div.h.and.m { width: 91% !important; margin-left: auto; margin-right: auto;}
#txtCont > p.address { text-align:center;}
#rmd-items > div.rmd-btns { display:none;}
#rmd-items > div.rmd-list > a:hover {color: yellow;}
#rmd-items > div.rmd-list > a { margin-right: 1%;text-decoration: none;font-weight: bold;color: white;}
#rmd-items > div.rmd-list > a > figure { display: block; width: 100%; padding-top: 100%;background-size: contain; background-repeat: no-repeat; background-position: center center;}

/* 0826_2025_Arthur */
#cateGories > nav > a { font-size: 1.3em;text-align:center;}
#cateGories > nav { margin-top: -80px;}
body > footer > nav { margin: auto;}
#signIn > article { padding-top: 100px;}
#signIn { padding-top: 120px;}
#cateGories > nav > h2{ font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: center;margin-bottom: 20px;font-size: 3em;width: 100%; text-align:center;}
#signIn > article > h1,
#signIn > article > h2 { font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: center;margin-bottom: 30px;font-size: 3em;}
#txtCont > p.storename { line-height: inherit;}
aside#userCell { margin-top: 100px;}
#newNav { display:none;}
/* 0826_2025_Arthur */


/* 0818_2025_Arthur */
#heroImg { display:none !important;}
#fPdt { margin-top: 300px;}
/* 0818_2025_Arthur */


#homeCate { display:none;}
/* 0627_2025_Arthur */
/*#heroImg { display:none !important;}*/
#heroCell > div.slider { z-index: 9 !important;}
/* 0627_2025_Arthur */

/* 0520_2025_Arthur */
/*#searchTrigger {background: #f5f6fa !important;}*/
#txtCont > div > ul > h4 { margin-top: 0;color: #00aeff;margin-left: -25px;}
#gmap {float: left;}
#txtCont > p.storename { padding-bottom: 10px;width: 100%;}
#txtCont >  div.h.and.m > ul > li  { line-height: 1.5em;}
#txtCont >  div.h.and.m > ul > li > span {float: right;}
#txtCont > p.address { width: 90%;text-align: left; margin:auto;}
#txtCont > p:nth-child(4) { display:none;}
body > header > nav > a:nth-child(2) { display:none;}
#txtCont > ul > li { margin: 1%;}
#txtCont > div.h.and.m > ul.hours { font-size: 1.4em;margin-top:0;width: 250px !important;float: left;margin-right: 50px;}
#txtCont > div.h.and.m  { width: 100%;}
#txtCont > ul { font-size: 1.4em;margin-top:0;width: 100%;}

#cateGories > nav > a:hover { background-color: #00aeff;color: white;}
#cateGories > nav > a:hover strong{color: white;}

#homeCate > div {text-align: center;margin: 0 auto 0;padding-top: 1.5em;border-top: 1px solid #00aeff;}

#homeCate > div > a {display: inline-block;background-color: #1984c3;color: #fff;font-family: Courier, sans-serif;padding: 1em 5em;text-decoration: none;text-transform: uppercase;border-radius: 0.5em;border-bottom: 0.25em solid #0f5177;-moz-transition: 0.1s;-webkit-transition: 0.1s;transition: 0.1s;box-shadow: 0 2px 3px #ccc;position: relative;font-family: 'Fira Sans', sans-serif;}

#homeCate > div > a:hover {background-color: #1e9feb;border-bottom-width: 0;margin-top: 0.2em;}

#cateGories > nav > a > strong {font-family: "Audiowide", sans-serif;color: #00aeff;}

#myCart > article > h1 > strong {font-family: "Audiowide", sans-serif;color: #00aeff;font-size: 1em;font-weight: normal;line-height: 1.1em;}
#txtCont > p.storename,
#pdtList > h2, #fPdt > h2.sectionTitle, #txtCont > h1, #txtCont > h3, 
#homeCate > h2 {font-family: "Audiowide", sans-serif;color: #00aeff;font-size: 3em;font-weight: normal;line-height: 1.1em;height: 1.3em;width: 100%; text-align:left;}
/* 0520_2025_Arthur */

/* 0514_2025_Arthur */
#heroCell > div.slider { padding: 0;}
#heroCell > div.slider > div { padding-top: 0 !important;}
#heroImg { width: 100% !important; }
#heroCell { display:block !important;z-index: 0;position: relative;}
#userCell > figure { display:none !important;}
#userCell { height: 45%;}

/*#heroCell > #heroImg {background-image: url("/shop//images/hbanner/topBanner_06.jpg");animation: animatedBackground 10s linear alternate infinite;}*/
@keyframes animatedBackground {
  0% { background-position: 0 0; }
  100% { background-position: 25% 25%; }
}

#heroCell > div.slider {height: 250px;margin:auto;position: relative;width: 100%;display: grid;place-items: center;|overflow:hidden;}

#heroCell > div.slider > div.slide-track {display:flex;width: calc(250px * 18);animation: scroll 40s linear infinite;}

#heroCell > div.slider > div.slide-track:hover {
animation-play-state: paused;}

@keyframes scroll {
0% {
	transform: translateX(0);
}
100% {
	transform: translateX(calc(-250px * 9));
}
}

#heroCell > div.slider > div.slide-track > div.slide {height: 250px;width: 250px;display: flex;align-items: center;padding: 15px;perspective: 100px;}

#heroCell > div.slider > div.slide-track > div.slide > img {width; 100%;transition: transform 1s;left: 0;} 
#heroCell > div.slider > div.slide-track > div.slide > img:hover {transform:translateZ(20px);}
/* 0514_2025_Arthur */

/*1230_2024_Arthur*/
#homeBar > figure:nth-child(3) > a.active{ font-size: 1.2em;font-weight: 600; margin-right: 10px;text-decoration:none;}
#homeBar > figure:nth-child(3) > a:nth-child(2) { font-size: 1em;font-weight: 600;text-decoration:none;}
/*1230_2024_Arthur*/
.cWrap{max-width:1270px;margin:0 auto;width:100%;padding:0 30px;}
.cWrap.flex{display:flex;}
.clear{width:100%;clear:both;margin:0px !important;}

.unstyle,.unstyle li{list-style:none;}

.fullWidth{float:left;width:100%;clear:both;}
.halfWidth{float:left;width:48.25%;margin:0 0 0 3.5%;}
.two-third{float:left;width:64.5%;margin:0 0 0 3.5%;}
.three-blocks{float:left;width:31%;margin:0 0 0 3.5%;}
.four-blocks{float:left;width:22.375%;margin:0 0 0 3.5%;}

.flex .fullWidth,.flex .halfWidth,.flex .three-blocks,.flex .four-blocks{margin-left:0px;margin-bottom:3.5%;}


.first{margin-left:0px;clear:left;}
.flex{display:flex;flex-wrap: wrap;}
.greyBox{background:#f5f6fa;}
.green{color:#548a77;}
.red{color:#ff0000;}
.blue{color:#3c82be;}
.yellow{color:#d7cf18;}

h1{font-size:2.8em;margin:0 0 .3em;letter-spacing:-.04em;font-weight:800;color:white;position:relative;}
h2{font-size:3em;font-weight:500;margin-bottom:.1em;color:white;}
h2.subtitle{font-size:1.4em;font-weight:bold;color:#0d56a5}
h4{font-size:1.3em;line-height:1.5em;font-weight:600;color:#a0a1aa;margin-top:1.4em;}


input[type="submit"],input[type="resete"],input[type="button"]{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.1);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:#bdcd9e;
	border-radius:10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background:#bdcd9e;
}
/*
#mNav{position:absolute;width:40px;height:40px;display:none;justify-content:center;align-items:center;right:90px;}
#mNav span{position:relative;width:8px;height:8px;background:#0d56a5;border-radius:50%;}
#mNav.active span{position:relative;width:8px;height:8px;background:#4eb648;border-radius:50%;}
#mNav span:before{content:'';display:block;position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;left:0px;top:0px;margin-top:-13px;}
#mNav span:after{content:'';display:block;position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;left:0px;top:0px;margin-top:13px;}*/
.mobileItm{display:none;}


header{position:fixed;top:0px;left:0px;display:flex;align-items:center;justify-content:space-between;width:100%;height:100px;/*border-bottom:#e5e6ea 1px solid;*/padding:0 130px 0 100px;transition:padding-left .2s ease-out;background:rgba(0,0,0,.7);z-index:2;}
header:before{content:'';display:block;width:1px;height:100%;/*background:#e5e6ea;*/position:absolute;right:99px;top:0px;}
	header>a{height:100%;padding:14px 10px;}
	header>a img{display:block;max-height:100%; margin-left: 30px;}
	header>form{display:flex;width:100%;position:fixed;height:100px;justify-content:center;align-items:center;z-index:2;background:#fff;/*border-bottom:#e5e6ea 1px solid;*/left:0px;top:0px;transform:translateY(-100%);transition:all .25s ease-in-out;}
	header>form.active{transform:translateY(0%);}
	header>form figure{display:flex;width:100px;height:100px;justify-content:center;align-items:center;position:absolute;right:0px;top:0px;font-size:3em;background:#4eb648;color:#fff;cursor:pointer;}
	header>form input{display:block;height:50px;border-radius:40px 0 0 40px;background:#f5f6fa;outline:none;padding:0 20px;width:400px;box-shadow:inset 0px 0px 8px rgba(0,0,0,0.1)}
	header>form input[type="submit"]{display:block;width:auto;height:50px;border-radius:0 40px 40px 0;background:#e42d34;color:#fff;text-transform:uppercase;outline:none;padding:0 40px;font-weight:bold;font-size:80%;cursor:pointer;}
	header>form input[type="submit"]:hover{box-shadow:inset 0px 0px 20px yellow;}
	header nav{display:flex;gap:20px;}
	header nav.active{position:fixed;left:0px;top:80px;width:100%;background:rgba(255, 41, 54, .6);padding:10px 80px;justify-content:center;}
	header nav.active:before{content:'';display:block;position:absolute;right:79px;top:0px;width:1px;height:100%;background:#e5e6ea;}
	header nav a{display:block;font-weight:600;color:white;text-transform:uppercase;text-decoration:none;}
	header nav a strong{display:block;font-weight:300;font-size:90%;}
	header nav a:hover{color:#bfe365;}
	figure#searchTrigger{display:block;width:100px;height:100px;position:fixed;right:0px;top:0px;cursor:pointer;z-index: 2;}
	figure#searchTrigger:before{content:'';display:block;width:30px;height:30px;border:#e42d34 4px solid;border-radius:50%;position:absolute;left:50%;top:50%;margin:-23px 0 0 -18px; background: #00aeff}
	figure#searchTrigger:after{content:'';display:block;width:15px;height:4px;border-radius:4px;position:absolute;left:50%;top:50%;margin:9px 0 0 2px;transform:rotate(48deg);background:#e42d34;}
body>aside{position:fixed;top:0px;width:100px;height:100%;z-index:2;}
aside#cateGories{width:320px;left:-220px;/*border-right:#e5e6ea 1px solid;*/padding:100px 0 0;transition:left .2s ease-out;}
.showCate aside#cateGories{left:0px;transition:left .3s ease-out;}
	#cateGories:before{content:'';display:block;width:100%;height:100px;background:#f5f6fa;right:0px;top:0px;z-index:0;border-bottom:#c5c6ca 1px dashed;position:absolute;left:0px;top:0px;}
	#cateGories>figure{display:flex;width:100px;height:100px;position:absolute;right:0px;top:0px;justify-content:center;align-items:center;cursor:pointer;}
	#cateGories>figure span{display:block;width:40px;height:2px;background:#03a6df;position:relative;}
	#cateGories>figure span:before{content:'';display:block;width:36px;height:2px;background:#03a6df;position:absolute;left:0px;top:-10px;}
	#cateGories>figure span:after{content:'';display:block;width:30px;height:2px;background:#03a6df;position:absolute;left:0px;top:10px;}

	#cateGories>figure div{display:block;width:40px;height:2px;background:#03a6df;position:absolute;left:50%;top:50%;margin:-1px 0 0 -20px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}
	#cateGories>figure div:before{content:'';display:block;width:2px;height:40px;background:#03a6df;position:absolute;left:19px;top:-19px;}

	.showCate #cateGories>figure div{opacity:1;}
	.showCate #cateGories>figure span{opacity:0;}

	#cateGories>nav{display:block;width:100%;height:100%;background:#f4f7ee;padding:10px 0 40px;z-index:-1;overflow:auto;margin-left:-100px;transition:margin-left .2s ease-out;}
	.showCate #cateGories>nav{margin-left:0px;transition:margin-left .2s ease-out;transition-delay:.1s;}
	#cateGories>nav a{display:block;padding:10px 30px;font-size:1.2em;color:#4eb648;font-weight:500;text-decoration:none;border-bottom:rgba(0,0,0,0.1) 1px solid;}
	#cateGories>nav a strong{display:block;font-weight:bold;font-size:100%;color:#636466; font-family: 'Fira Sans', sans-serif;}
	#cateGories>p{position:absolute;left:280px;bottom:40px;transform:rotate(-90deg);transform-origin:left bottom;width:200%;font-weight:800;font-size:80%;z-index:-1;}

aside#userCell{right:0px;/*border-left:#e5e6ea 1px solid;*/opacity:inherite;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 100px;}
aside#userCell>a,aside#userCell>.userBtn{display:flex;position:relative;width:80px;height:80px;justify-content:center;align-items:center;}
aside#userCell>a img{display:block;width:46px;}
aside#userCell>.userBtn img{width:42px;border-radius:50%;background:#fff;cursor:pointer;}
aside#userCell>.userBtn>div{position:absolute;background:#f0f1fa;z-index:-1;display:flex;flex-direction:column;padding:8px 52px 8px 10px;right:0px;border-radius:40px;opacity:0;visibility:hidden;transition:all .25s linear;}
aside#userCell>.userBtn.active>div{opacity:1;visibility:visible;right:10px;}
aside#userCell>.userBtn>div a{display:block;line-height:22px;white-space:nowrap;font-size:90%;text-decoration:none;font-weight:bold;color:#45464a;padding:0 10px;}
aside#userCell>.userBtn>div a:hover{color:#4eb648;}
aside#userCell>a span{float:left;background:#00aeff;color:#fff;font-size:70%;font-weight:bold;padding:2px 6px 1px;border-radius:10px;position:absolute;left:50%;top:60%;}
aside#userCell>.userBtn:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#85868a;position:absolute;top:17px;right:20px;border:#fff 3px solid;}
aside#userCell>.userBtn.loggedIn:before{background:#00aeff;}
#userCell>figure{position:absolute;width:100%;display:flex;flex-direction:column;gap:10px;padding:20px;font-weight:600;left:0px;top:100px;}
#userCell>figure a{display:block;line-height:30px;text-align:center;color:#25262a;text-decoration:none;}
#userCell>figure a:hover,#userCell>figure a.active{background:#4eb648;color:#fff;}

section.searchWord { gap: 100px;}
section{display:flex;width:100%;}
#heroCell{align-items:center;justify-content:flex-start;margin-top:100px;}
#heroCell div{display:block;width:70%;padding-top:31.5%;position:relative;background:none;overflow:hidden;}
#heroCell div img{display:block;width:100%;position:absolute;left:100%;top:0px;z-index:-1;}
#heroCell div img.active{z-index:1;left:0%;transition:left 1.4s ease-in-out;}
#heroCell div img.lastAct{z-index:0;}
#heroCell div#heroCopy{display:block;width:36%;padding-top:24%;position:relative;overflow:hidden;background:#f4f7ee;margin-left:-10%;z-index:1;}
#heroCell div#heroCopy figure{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:0% 10% 0 15%;position:absolute;left:0px;top:-60px;font-size:1.4em;font-weight:500;gap:5%;opacity:0;visibility:hidden;transition:all .6s ease-in-out;}
#heroCell div#heroCopy figure.active{top:0px;opacity:1;visibility:visible;transition:all 1s ease-in-out;transition-delay:.6s;}
#heroCell div#heroCopy figure strong{display:block;text-transform:capitalize;font-weight:400;font-size:50%;}
#heroCell div#heroCopy figure a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:160px;height:46px;background:#4eb648;color:#fff;font-size:75%;padding:20px;text-align:center;margin-top:5%;text-decoration:none;transition:all .3s ease-in-out;font-weight:700;}
#heroCell div#heroCopy figure a:hover{background:#F90;}

.sectionTitle{font-weight:bold;font-size:4vw;letter-spacing:-.02em;text-transform:uppercase;line-height:.8em;}
.sectionTitle strong{display:block;padding-left:1em;}
#homeCate,#fPdt{flex-direction:column;width:100%;justify-content:flex-start;align-items:flex-end;padding:0 8% 8% 8%;margin-top:50px;}
#homeCate>div{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
#homeCate>div a{display:block;padding:10px 30px 8px;/*border-radius:60px;*/background:#00aeff;color:#35363a;text-decoration:none;text-align:center;font-size:1.2em;font-weigth:300;transition:all .2s linear;}
#homeCate>div a strong{display:block;font-size:100%;font-weight:600;color:white;}
#homeCate>div a:hover{background:red;color:#fff;box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2)}
#homeCate>div a:hover strong{color:yellow;}

#fPdt{margin-top:2%;}
#fPdt,#pdtList{align-items:flex-start;}
#fPdt h2{flex-direction:column;}
.pdtList{display:flex;flex-wrap:wrap;column-gap:4%;width:100%;}
.pdtItem{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:22%;border:#e5e6ea 1px solid;padding:20px;gap:10px;text-align:center;margin-bottom:4%;text-decoration:none;color:#35363a;background:rgba(255,255,255,0.9);position:relative;}
.badge{position:absolute;line-height:20px;background:#4eb648;padding:0 10px;min-width:40px;font-weight:bold;font-size:90%;right:10px;top:-11px;border-radius:20px;color:#fff;padding-top:2px;}
.pdtItem>a{display:block;max-width:150px; border-radius: 30px;}
.pdtItem>a img{display:block;max-width:150px;max-height:150px;}
.pdtItem:hover{border:#4eb648 1px solid;}
.pdtItem p{font-size:1.6em;font-weight:500;margin-bottom: 10px;}
.pdtItem p strong{display:block;font-size:75%;font-weight:700;margin-bottom:10px;color:#0d56a5;}
.pdtItem figure{font-size:1.6em;}
.pdtItem figure span{font-size:80%;text-decoration:line-through;font-weight:600;margin-right:6px;color:#a8a9aa;}
.pdtItem .btns{display:flex;justify-content:space-between;width:100%;}
.pdtItem .btns a{display:block;flex:1;line-height:13px;background:#ebecea;text-decoration:none;font-weight:600;color:#4eb648;padding: 10px 0;border-radius: 10px;}
.pdtItem .btns a:hover{background:#4eb648;color:#fff;}

.searchTitle strong{margin-left:0;font-size:80%;color:#4eb648;font-weight:600;overflow-wrap: break-word;}

#pageNavi{display:flex;width:100%;justify-content:center;gap:6px;}
#pageNavi a{display:block;background:#e6e7ea;color:#0d56a5;text-decoration:none;font-weight:bold;line-height:36px;width:36px;text-align:center;}
#pageNavi a:hover{color:#fff;background-color:#4eb648}
#pageNavi a.curPage{color:#fff;background-color:#0d56a5;cursor:default}


#pdtList,#txtCont,.members{flex-direction:column;padding:120px 5% 60px;}
#pdtList .pdtItem{padding:20px; border-radius: 30px;}
.pdtItem>img{display:block;max-width:180px;max-height:180px;}
#pdtList .pdtItem .pdtInfo{width:100%;}
.pdtItem:hover{border:#c5c6ca 1px solid;}
#pdtList .pdtItem p{padding:0 20px;min-height:20px;}

#txtCont{min-height:89vh;}
#txtCont p{font-size:1.4em;line-height:1em;margin-bottom:0;}

#detailCont{display:flex;flex-wrap:wrap;padding:180px 5% 60px;}
#detailCont article{display:flex;flex-direction:column;justify-content:flex-start;width:35%;margin-right: 4%;}
#detailCont article>figure{display:flex;justify-content:center;}
.itmInfo{font-size:1.2em;line-height:1.4em;margin:30px 0;}
.itmInfo p{margin-bottom:1.4em;}
.itmInfo p strong{font-weight:bold;}
#detailCont aside{position:static;width:60%;display:flex;flex-direction:column;justify-content:flex-start;z-index:0;}
#detailCont aside h1 strong{font-size:60%;color:#a5a6aa;display:block;margin-top:8px;letter-spacing:0px;}
#detailCont aside p{font-size:1.2em;font-weight:400;color:white;margin-bottom: 10px;}
#detailCont #largeImg{display:block; width: 100%;/*max-width:100%;max-height:600px;*/}
#detailCont aside button{background:none;border:none;cursor:ponter;position:relative;padding:0 0 0 20px;line-height:40px;font-size:1.2em;color:#4eb648;text-transform:uppercase;margin-bottom:20px;text-align:left;}
#detailCont aside button:before{content:'';display:block;width:10px;height:10px;border-left:3px #4eb648 solid;border-bottom:3px #4eb648 solid;transform:rotate(45deg);position:absolute;left:0px;top:50%;margin-top:-5px;}
#detailCont aside button:after{content:'';display:block;width:10px;height:10px;border-left:3px #4eb648 solid;border-bottom:3px #4eb648 solid;transform:rotate(45deg);position:absolute;left:8px;top:50%;margin-top:-5px;}

#detailForm{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:30px;margin:30px 0;}
#detailForm h2{display:block;width:100%;margin:0px;display:flex;align-items:center;border-radius:4px;}
#ttl_inventory{margin:0 0 0 20px;font-size:40%;display:inline-block;padding:6px 10px 4px 8px;background:#f0f1fa;font-weight:600;color:#4eb648}
#detailForm select,#detailForm input{outline:none;background:#eaebea;border:none;height:50px;padding:0 20px;font-size:1.2em;border-radius:4px;color: black;font-weight: bold;width: 15%;}
#detailForm input[type="submit"]{display:block;height:50px;border-radius:4px;background:#4eb648;color:#fff;text-transform:uppercase;font-weight:bold;padding:0 40px;width: 100%;}

#signIn{display:flex;flex-direction:column;padding:160px 10%;align-items:center;}
#signIn article{display:flex;flex-direction:column;padding:60px 60px 120px 60px;width:480px;background:#f1f2fa;border-radius:400px;align-items:center;}
#signIn article form.loginFrm{display:flex;flex-direction:column;width:100%;}
#signIn article form label{display:flex;flex-direction:column;width:100%;border:rgba(0,0,0,0.3) 1px solid;border-radius:10px;padding:10px;margin:10px 0;align-items:flex-start;gap:10px;}
#signIn article form label strong{display:block;background:#f1f2fa;padding:0 10px;font-weight:bold;text-transform:uppercase;margin-top:-20px;color: red;}
#signIn article form label input{display:block;width:100%;height:40px;border:none;background:none;outline:none;padding:0 10px;}
#signIn article form label.links{border:none;display:flex;flex-direction:row;justify-content:space-between;font-weight:bold;padding:0px;}
#signIn article form label.links a{text-decoration:none;color:#35363a;font-size:90%;}
#signIn article form label.links a:hover{color:#0d56a5;}
#signIn article form input[type="submit"]{display:block;width:100%;height:60px;border:none;background:#0d56ad;outline:none;color:#fff;font-weight:bold;text-transform:uppercase;border-radius:10px;margin-top:10px;}
#signIn article form.loginFrm a{width:100%;margin-top:30px;color:#0d56ad;text-align:center;text-decoration:none;font-weight:bold;}
#signIn article form.loginFrm a:hover{color:#4eb648;}

section.steps{padding:160px 440px 10% 80px;min-height:89vh;}
section.steps#checkOut{padding:160px 140px 10% 80px;}
section.steps article{flex:1;}
.cartList{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;padding:0px;gap:30px;box-sizing:border-box;}
.cartList li{width:100%;background: rgba(255, 255, 255, 0.5);border:#d5d6da 1px solid;display:flex;flex-wrap:wrap;padding:20px;gap:20px;align-items:center;box-sizing:border-box; border-radius: 30px;}
.cartList li figure{flex:0 0 150px;}
.cartList li figure img{display:block;max-width:100%;}
.cartList li>div{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:0 20px;gap:2%;}
.cartList li>div strong{display:none;}
.cartList li>div .input-group{display:flex;margin-top: 7px;}
.cartList li>div .input-group input{display:block;width:60px;height:32px;padding:0 8px;border-top:#c5c6ca 1px solid;border-bottom:#c5c6ca 1px solid;}
.cartList li>div .input-group input[type="button"]{display:block;background:#e8e9ea;width:36px;color:#35363a;border:none;outline:none;border-radius:20px 0 0 20px;border:#c5c6ca 1px solid;font-size:1.4em;position:relative;}
.cartList li>div .input-group input+input[type="button"]{border-radius:0 20px 20px 0;}
.cartList li>div strong{display:none;}
.cartList li div.itmTotal{font-weight:600;font-size:1.6em;margin-left:20px;}
.cartList li h2{width:100%;font-weight:600;font-size:1.4em;}
.cartList li h2 strong{display:block;font-size:50%;color:white;font-weight:500;}
.cartList li h2 a{text-decoration:none;color:white;}
.cartList li h3{font-weight:300;font-size:1.6em;width:35%;}
#myCart > article > ul > li > div > h3 { display:none;}
#myCart > article > ul > li > div > label > div.itmTotal > span { color: white;}
.cartList li label{width:63%;display:flex;gap:2%;}
.cartList li aside{flex:0 0 100px;text-align:center;}
.cartList li aside input[type="submit"]{background:#65666a;color:#fff;border-radius:40px;padding:4px 10px;font-weight:bold;font-size:80%;text-transform:uppercase;}

.steps>aside{position:fixed;width:360px;/*height:100%;border-top:#fff 100px solid;border-bottom:#f0f1fa 100px solid;*/right:150px;top:100px;background:#f5f6fa;padding:50px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;z-index:0; border-radius: 30px;}
.steps>aside h2{font-weight:700;color:#e42d34;font-size:1.4em;margin:10px 0 0;}
.promoInput{display:flex;width:100%;}
.promoInput input{display:block;flex:1;height:40px;border-radius:20px 0 0 20px;padding:0 10px;outline:none;box-sizing:border-box;
    border: 1px solid #00aeff;}
.promoInput input[type="submit"]{flex:0 0 70px;background:#00aeff;color:#fff;text-transform:uppercase;font-weight:bold;border-radius:0 20px 20px 0;font-size:0.8em;padding:0px;}
.priceList{display:flex;justify-content:space-between;width:100%;}
.priceList{display:flex;justify-content:space-between;}
aside .confirmBuy{display:block;width:100%;height:50px;background:#e42d34;color:#fff;text-transform:uppercase;font-weight:bold;border-radius:30px;border:none;outline:none;}

aside .cartList{width:100%;margin-bottom:6px;}
.sCartRow{display:flex;padding:10px 0;border-bottom:rgba(0,0,0,0.2) 1px solid;justify-content:space-between;}
.sCartRow h3{display:block;width:160px;}
.sCartRow p{display:block;width:60px;/*text-align:right;*/}
.sCartRow .qty{display:block;width:40px;}
.cartNums{display:flex;padding:0px;justify-content:space-between;width:100%;}
.cartNums span{text-align:right;}
.cartNums.cTotal{font-weight:700;}

#shipping-frm{gap:3.5%;padding:50px 20px 20px;}
#shipping-frm h2{font-weight:600;font-size:2em;text-transform:uppercase;width:100%;}
#shipping-frm h2 small{font-size:40%;display:block;margin-top:5px;color:#a90000;}
.fieldsRow{display:flex;gap:20px;}
.fieldsRow label{display:flex;flex-direction:column;gap:4px;flex:1;text-align:left;font-size:1em;}
.fieldsRow label input,.fieldsRow label select{display:block;width:100%;height:40px;padding:0 10px;background:#f0f1fa;outline:none;border:none;}
.fieldsRow label small{display:block;font-weight:bold;font-size:80%;}
#btn-save{display:flex;justify-content:center;margin:30px 0;width:100%;}
#btn-save a{display:block;height:50px;border-radius:30px 0 0 30px;background:#4eb648;color:#fff;text-transform:uppercase;font-weight:bold;width:20%;text-align:center;text-decoration:none;line-height:50px;padding-top:1px;}
#btn-save a#CancelEdit{border-radius:0 30px 30px 0;background:#e5e6ea;color:#35363a;}
#btn-save a:hover{box-shadow:inset 0px 0px 8px rgba(0,0,0,0.3);}

#shipping-frm label{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:1em;font-weight:bold;color:#25262a;}
#shipping-frm label input,#shipping-frm label select{display:block;width:100%;background:#f0f1fa;padding:0 8px;height:40px;outline:none;border:none;color:#25262a;}
#shipping-frm label small{color:#a5a6aa;font-size:80%;}


.subtitle.withBtn{display:flex;justify-content:space-between;align-items:center;}
.subtitle.withBtn button{display:block;border:none;cursor:pointer;outline:none;background:#00aeff;color:#fff;text-transform:uppercase;padding:0 20px;height:30px;font-weight:bold;border-radius:30px;}
#address-list{display:flex;flex-wrap:wrap;gap:4%;}
.address-item{width:100%;border:#e5e6ea 1px solid;padding:22px 50px 30px 30px;margin-bottom:4%;position:relative;}
.address-item.active{border:#e42d34 1px solid;}
.address-item.active:before{content:'';display:block;width:100%;height:3px;background:#e42d34;position:absolute;left:0px;top:0px;}
.address-item h3{font-weight:bold;color:#00aeff;margin-bottom:1em;line-height:1em; font-size: 1.2em;}
.address-item p{font-size:1.2em;line-height:1.2em;}
.address-item figure{position:absolute;height:100%;right:5px;top:0px;display:flex;flex-direction:column;gap:10px;justify-content:center;}
.address-item figure a{display:block;width:30px;height:30px;/*background:#fff;*/overflow:hidden;font-size:0px;text-indent:-999px;position:relative;}
.address-item figure a svg{display:block;width:40px;height:40px;position:absolute;left:0px;top:0px;}
.address-item figure a svg path{fill:white;}
.address-item figure a:hover svg path{fill:#4eb648;}

.members{min-height:89vh;padding-top:180px;}
.members>article#changePwd{display:flex;gap:40px;}
.members>article .acctInfo{color: white;flex:0 0 400px;padding:40px 40px 10px;background:#03a6df;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;}
.members>article .acctInfo div{width:100%;font-size:2em;}
.members>article .acctInfo div label{display:block;font-size:75%;}
.members>aside{position:fixed;left:0px;top:100px;padding:0 100px;width:100%;}
.members>aside>nav{padding:12px 30px;background:#f0f1fa;display:flex;justify-content:center;z-index:1;gap:20px;}
.members>aside>nav a{display:block;text-decoration:none;color:#25262a;font-weight:600;}
.members>aside>nav a.active,.members>aside>nav a:hover{color:#4eb648;}

.members #loginForm{display:flex;flex-wrap:wrap;gap:2%;row-gap:5%;}
.members #loginForm h1{width:100%;}
.members #loginForm>em{width:100%;font-weight:600; color: white;}
.members #loginForm input,.members #loginForm span{width:49%;}
.members #loginForm input{padding:0 20px;outline:none;background:#fff;border-radius:50px;height:50px;border:#e5e6ea 2px solid;}
.members #loginForm input[type="button"]{border:none;background:#03a6df;height:50px;color:#fff;font-weight:bold;padding-top:4px;text-transform:uppercase;}

.btnCells{width:100%;}
div#btn-checkout{width:48%;}
.btnCells input,.btnCells button,#btn-checkout>a{display:block;width:100%;border:none;cursor:pointer;outline:none;background:#e42d34;color:#fff;text-transform:uppercase;padding:0 20px;height:50px;font-weight:bold;border-radius:30px;text-decoration:none;text-align:center;line-height:50px;}
.btnCells input:hover,.btnCells button:hover,#btn-checkout>a:hover{box-shadow:inset 0px 0px 8px rgba(0,0,0,0.3);}
.subtitle+textarea{display:block;width:100%;padding:10px;background:#f5f6fa;border:none;outline:none;resize:none;height:200px;}

#checkout-steps{display:flex;width:100%;line-height:30px;padding:4px;border-radius:20px;overflow:hidden;gap:4px;}
#checkout-steps a{display:block;background:#00aeff;color:#fff;text-decoration:none;border-radius:20px;flex:1;text-align:center;font-size:90%;font-weight:bold;}
#checkout-steps figure{flex:1;text-align:center;background:rgba(255,255,255,0.5);border-radius:20px;font-size:90%;font-weight:bold; color: #bbb;}

#billDetails{display:flex;width:100%;flex-wrap:wrap;gap:4%;}
#billDetails>div{display:flex;width:48%;flex-direction:column;justify-content:flex-start;}

#bill-summary th,#bill-summary td{padding:10px 0;border-bottom:#e0e1ea 1px solid;text-align:left;}
#bill-summary td{text-align:right;}
#bill-summary table{border-top:#00aeff 2px solid;width:100%;}

#shippingMethodSection{display:flex;flex-wrap:wrap;}
#shippingMethodSection .halfWidth{display:flex;width:100%;margin-bottom:10px;gap:10px;}

#loaderCell{display:block;width:600px;height:80%;position:fixed;left:50%;top:10%;margin-left:-300px;z-index:100;opacity:0;visibility:hidden;box-shadow:0x 1px 3px rgba(0,0,0,0.3);transition:all .25s ease-in-out;transition-delay:0s;}
#loaderCell.ccW{width:500px;height:330px;top:50%;margin:0px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#loaderCell.active{opacity:1;visibility:visible;transition-delay:0.5s;}
#contLoader{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:#fff;}
#loaderCell figure{float:left;width:50px;height:50px;line-height:42px;background:#333;border:#333 5px solid;cursor:pointer;text-align:center;color:#fff;position:absolute;right:0px;top:0px;margin:-25px -25px 0 0;border-radius:50%;font-size:1.6em;}

#checkOut .sCartRow p{width:15%;}
#checkOut .sCartRow h3{width:70%;}
.checkRadio{display:flex;gap:10px;}

a.old-order{display:flex;gap:20px;min-width:50%;justify-content:space-between;text-decoration:none;align-items:center;padding:10px 12px;border-bottom:#d5d6da 1px solid;color:#35363a;font-size:1.2em;position:relative;}
a.old-order:hover:before{content:'';display:block;width:0%;height:0%;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid green;position:absolute;left:0px;top:50%;margin-top:-5px;}
a.old-order>div.clear{display:none;}
a.old-order h4{margin:0px;font-size:1.6em;font-weight:normal;color: red;/*color:#0d56a5;*/text-align:right;}
a.old-order h4 strong{display:block;font-weight:bold;color:#35363a;font-size:40%;line-height:0.8em;}
a.old-order h3{font-weight:bold;font-size:90%;text-transform:uppercase;}

footer{display:flex;width:100%;height:50px;padding:0 40px;justify-content:flex-start;align-items:center;background:black;}
.steps+footer{margin-top:-100px;}
footer a{text-decoration:none;font-size:80%;font-weight:bold;color:white;;}
footer a:hover{color:#4eb648}
footer p{display:none;}

.blockMsg.blockPage{width:80% !important;max-height:80% !important;left:10% !important;top:50% !important;transform:translateY(-50%);overflow:auto;}

#delivery_info{margin-top:30px;}
#delivery_info label{display:flex;flex-direction:column;gap:6px;font-weight:bold;width:100%}
#delivery_info label input{width:100%;background:#f0f1fa;padding:0 8px;height:40px;outline:none;border:none;color:#25262a;}

@keyframes floating {
  from {transform:translateY(10px);}
  to {transform:translateY(-10px);}
}

@media screen and (min-aspect-ratio: 13/9){
.mCell #rotate{display:block;}
}

@media (min-width: 1500px) {

	.cWrap{padding:0px;}
figure#searchTrigger{display:none;}
	header>form{display:flex;width:auto;position:relative;transform:none;background:none;}
	header>form figure{display:none;}
	
	.address-item,.btnCells{width:48%;}
	#confirmFrm>.btnCells{width:100%;}
}

@media(max-width:1366px){
 #txtCont > div > div > h1,
 #pdtList > h2 { font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: left;margin-bottom: 30px;font-size: 2em;}
#fPdt > h2.sectionTitle,#txtCont > p.storename, #txtCont > h1, #txtCont > h3,
#signIn > article > h2 { font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: center;margin-bottom: 30px;}
#homeCate > h2 {font-family: "Audiowide", sans-serif;color: #00aeff;font-weight: normal;width: 100%;text-align: center;}
}

@media(max-width:1250px){
#txtCont > p.address { width: 100%; margin-top: 20px; border-top: 1px solid; padding-top: 10px;}
}

@media(max-width:1024px){
#pdtList > h2 { margin-bottom: 0; float: text-align:left;} 
#detailCont {display: flex;flex-wrap: wrap;padding: 130px 5% 60px;}
html > body > header.fullWidth.down > nav{ display:none !important;}
#heroCell > div.slider { height: 200px;}
#heroCell > div.slider > div.slide-track > div.slide { height: 200px; width: 200px;}
#heroCell { margin-top: 80px;}
#newNav { display:none;}
#homeBar > nav { display:none;}
/*
#newNav { display:block;}
#newNav { text-align: center;font-size: 1.1em; font-weight: bold;}
#newNav > a { margin-right: 1.5%;text-decoration:none;}
*/

#fPdt > h2 { font-size: 2.5em !important;}
#heroCell > div.slider { margin-top: 20px;}
body{font-size:90%;padding:0 80px;}
#imgList::-webkit-scrollbar{
    display:none;
  }
#imgList::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }
#imgList::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }
#imgList::-webkit-scrollbar-thumb:window-inactive{
    background: rgba(0, 0, 0, 0);
  }

body.showCate,.showCate header{padding-left:80px;transition:padding-left .3s ease-out;}
header{height:80px;padding:0 110px 0 80px;}
header:before{right:79px;}
header>form{height:80px;}
header>form figure{width:80px;height:80px;}

aside#cateGories{width:100%;margin-left:80px;left:-100%;padding-top:80px;}
.showCate aside#cateGories{margin-left:0px;}
#cateGories:before{height:80px;}
#cateGories>figure{width:80px;height:80px;}
#cateGories>p{left:100%;margin-left:-31px;}
#cateGories>nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5%;align-content:center;padding:0 5%;}
#cateGories>nav a{display:flex;flex-direction:column;width:30%;border:rgba(0,0,0,0.1) 1px solid;justify-content:center;align-items:center;}

aside#userCell{width:80px;}
#userCell>figure{padding:10px;top:80px;}
figure#searchTrigger{transform-origin:right top;transform:scale(0.8)}

.pdtList{gap:5%;}
.pdtList a,.pdtItem{width:30%;}
#pdtList{min-height:87vh;}
section.steps{padding:120px 350px 40px 30px;}
.steps>aside{width:320px;right:80px;border-top-width:0px;margin-top: 80px;}
.cartList li{flex-direction:column;align-items:flex-start;position:relative;}
.cartList li figure{width:40%;}
.cartList li>div{border:none;}
.cartList li label{justify-content:space-between;}
.cartList li figure{width:32%;}
.cartList li aside{position:absolute;right:30px;}

section.steps#checkOut{padding:120px 30px 40px;}
#checkOut .halfWidth{width:64.5%;}
#heroCell div#heroCopy figure{padding:10% 15%;font-size:2em;font-weight:700;text-transform:uppercase;gap:5%;opacity:0;visibility:hidden;transition:all .6s ease-in-out;text-align:center;}
#heroCell div#heroCopy figure a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-size:60%;text-align:center;margin-top:5%;text-decoration:none;transition:all .3s ease-in-out;}
}

@media (max-width: 940px){
.steps>aside{width:320px;right:80px;border-top-width:0px;margin-top: 0px;}
aside#userCell { margin-top: 150px;}
.gmap_canvas {overflow: hidden;background: none !important;width: 500px !important;height: 400px;}

body > header > div.active > span,
#homeBar > div.active > span{transform: translateX(-50px);background:transparent !important;}
body > header > div.active > span::before,
#homeBar > div.active > span::before {transform: rotate(45deg) translate(42px, -22px);margin-left: 4px;}
body > header > div.active > span::after,
#homeBar > div.active > span::after{transform: rotate(-45deg) translate(40px, 26px);margin-left: 2px;}

/*
#mNav {position: fixed;width: 60px;height: 60px;right: 80px;z-index: 10;background: none;display: block;}
#mNav span {position: absolute;width: 40px;height: 3px;background: white;border-radius: 5px;top: 50%;margin: -3px 0 0 -3px;transition: all .5s ease-in-out;}
#mNav span::before {content: '';display: block;position: absolute;width: 40px;height: 3px;background: white;border-radius: 5px;left: 0px;top: -12px;transition: all .5s ease-in-out;}
#mNav span::after {content: '';display: block;position: absolute;width: 40px;height: 3px;background: white;border-radius: 5px;left: 0px;top: 12px;transition: all .5s ease-in-out;}
*/

#heroCell > #heroImg {width: 60%;padding-top: 35%;}
#heroCell > div.slider > div.slide-track > div.slide {height: 200px;width: 200px;}
#heroCell > div.slider > div.slide-track {width: calc(200px * 18);}
#heroCell > div.slider {height: 200px;}
	
/*#mNav{display:flex;}*/
#cateGories>nav{gap:2%;}
#cateGories>nav a{width:49%;}

header nav{opacity:0;visibility:hidden;}
header nav.active{opacity:1;visibility:visible;transition:all .2s linear;}

#heroCell{transform:scale(1);margin-top:80px;margin-bottom:40px;}
#heroCell div{width:60%;padding-top:40%;border-radius:0%;}
#heroCell div img{position:absolute;border-radius:0%;left:100%;top:0px;height:auto;}
#heroCell div#heroCopy{display:block;width:40%;padding-top:40%;border-radius:0%;margin:0%;border:#fff 10px solid;z-index:1;animation:none;border:none;}
#heroCell div#heroCopy figure{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;border-radius:0%;overflow:hidden;padding:10%;position:absolute;left:0px;top:-60px;font-size:1.6em;font-weight:700;text-transform:uppercase;gap:5%;opacity:0;visibility:hidden;transition:all .6s ease-in-out;text-align:center;}
#heroCell div#heroCopy figure.active{top:0px;opacity:1;visibility:visible;transition:all 1s ease-in-out;transition-delay:.6s;}
#heroCell div#heroCopy figure strong{display:block;text-transform:capitalize;font-weight:400;font-size:50%;}
#heroCell div#heroCopy figure a{width:120px;height:40px;border-radius:0px;line-height:40px;}
#heroCell div#heroCopy figure a:hover{background:#F90;}

.pdtList{gap:2%;}
.pdtList a,.pdtItem{width:49%;}
#pdtList{min-height:90.2vh;}
#detailCont{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;}
#detailCont article{width:60%;}
#detailCont aside{width:100%;}
.members>article#changePwd{flex-direction:column;justify-content:flex-start;align-items:center;}
.members>article .acctInfo{flex:none;width:100%;}
.members #loginForm input{width:100%;margin:4px 0 16px;}
a.old-order{width:100%;}
.members .filter select{min-width:30px;height:40px;margin-left:10px;}

section.steps{padding:120px 30px 40px;flex-direction:column;flex-wrap:nowrap;}
.steps>aside{position:static;height:auto;width:100%;border-bottom:none;}
#checkOut .halfWidth,#checkOut .two-third{width:100%;}
#shipping-frm>label{width:48.25% !important;}
/*#txtCont.flex{flex-direction:column-reverse !important;justify-content:flex-end;}*/
#mapCell{width:100%;flex:none !important;padding-top:64% !important;}
}

@media (max-width: 768px) {
html > body > div#loaderCell > iframe#contLoader > html > body:before { width: 80% !important; margin: 50% 10% 10% 10% !important;}
footer { width: 80% !important;}
}

@media (max-width: 720px) {
#fPdt > h2 { font-size: 2em !important;}
}

@media (max-width: 680px) {
header>form input { width: 300px;}
}

@media (max-width: 641px) {
.pdtItem p { font-size: 1em;}
#fPdt > h2 { font-size: 1.5em !important;}
.gmap_canvas {overflow: hidden;background: none !important;width: 400px !important;height: 400px;}
#shipping-frm{flex-direction:column;}
#shipping-frm>label{width:100% !important;}
.blockMsg.blockPage{width:90% !important;max-height:90% !important;left:5% !important;}
#btn-save a{width:50%;}
.members>aside{padding:0px;top:80px;z-index: 3;}
.members{min-height:100vh;}
}

@media (max-width: 600px) {
header>form input { width: 250px;}
#detailForm select,#detailForm input { width: 20%;}
}

@media (max-width: 540px) {
header>form input { width: 200px;}header>form input[type="submit"]
}

@media (max-width: 540px) {
header>form input[type="submit"] { width: 100px; padding: 0;}
}

@media (max-width: 481px) {
html > body > div#loaderCell > iframe#contLoader > html > body: before { width: 80%; margin: 50% 10% 10% 10%;}

section.searchWord { width: 80%; margin:auto;}
#site-logo {content:url("https://www.zworkshophobbies.com/shop/images/site-logo_480.png");}
#txtCont > ul { width: 90%;}
body > footer > nav { width: 100%; text-align: center;}
#txtCont > div > ul > h4 { margin-left: 0;text-align:center;}
#gmap {width: 100%; overflow: hidden;}
#gmap > .gmap_canvas { width: 100% !important;}
#txtCont > div.h.and.m > ul.hours {font-size: 1.4em;margin-top: 0; width: 60% !important; margin: 0 20% 5% 11% !important;}
#txtCont > p.address {margin-top: -5px; font-size: 1.1em; text-align: center;font-weight: 600;}
.gmap_canvas {overflow: hidden;background: none !important;width: 350px !important;height: 400px;}
#fPdt > h2.sectionTitle, #pdtList > h2,#txtCont > p.storename, #txtCont > h1, #txtCont > h3,
#homeCate > h2 {font-family: "Audiowide", sans-serif;color: #00aeff;font-size: 2em;font-weight: normal;width: 100%;/*text-align: center;*/}
#heroCell > #heroImg {width: 60%;padding-top: 35%;}
#heroCell > div.slider > div.slide-track > div.slide {height: 150px;width: 150px;}
#heroCell > div.slider > div.slide-track {width: calc(150px * 18);}
#heroCell > div.slider {height: 150px;}

body{padding:0 0 60px;}
.mobileItm{display:block;}
header{height:60px;padding:0 10px;}
header nav.active{flex-wrap:wrap;top:60px;padding:10px 30px;row-gap:10px;}
header>a{padding:10px;width: 65%;margin: auto;}

header nav.active:before{display:none;}

/*aside#cateGories{margin-left:58px;left:-100%;padding-top:58px;border:none;}*/
.showCate aside#cateGories{margin-left:0px;}
/*#cateGories:before{height:58px;top:auto;bottom:0px;border:none;border-right:rgba(0,0,0,0.1) 1px solid}*/
/*#cateGories>figure{width:58px;height:58px;top:auto;bottom:0px;}*/
.showCate #cateGories:before,.showCate #cateGories>figure{top:0px;bottom:auto;}
#cateGories>p{display:none;}
#cateGories>nav{flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;align-items:center;gap:1%;padding:30px 5%;}
#cateGories>nav a{display:flex;flex-direction:column;width:100%;border:none;border-bottom:rgba(0,0,0,0.1) 1px solid}

/*
aside#userCell{width:100%;bottom:0px;top:auto;background:#fff;height:60px;flex-direction:row;justify-content:flex-start;padding:0 20px 0 70px;border-top:#c5c6ca 2px solid;gap:10px;}
aside#userCell>a, aside#userCell>.userBtn{width:50px;height:50px;}
aside#userCell>a img{width:42px;}
aside#userCell>.userBtn img{width:38px;}
aside#userCell>.userBtn:before{top:8px;right:2px;}
aside#userCell>.userBtn>div{padding:8px 20px;background:#4eb648;right:auto !important;bottom:54%;flex-direction:row;}
aside#userCell>.userBtn.active>div{bottom:94%;}
aside#userCell>.userBtn.active>div a{color:#fff;}
*/

#userCell>figure{left:auto;right:0px;top:0px;width:auto;padding:10px;gap:2px;flex-direction:row;}
#userCell>figure a{line-height:40px;width:40px;}

#heroCell{margin-top:60px;flex-direction:column;align-items:flex-start;}
/*#heroCell div{width:100%;padding-top:56%;}*/
#heroCell div#heroCopy{width:94%;padding-top:26%;margin-top:-10%;overflow:visible;}
#heroCell div#heroCopy figure{padding:10px 20px;align-items:flex-start;font-size:5.4vw;border-radius:0px;overflow:visible;}
#heroCell div#heroCopy figure a{position:absolute;right:0%;bottom:78%;border-radius:0px;height:auto;padding:16px 20px;font-size:60%;}
#heroCell div#heroCopy figure strong{font-size:70%;}

#homeCate>div{padding:20px 0;gap:10px;}
#homeCate>div a{font-size:1em;padding:10px 15px 8px;}

.pdtList a, .pdtItem{width:47.5%;}
.pdtItem a{display:block;width:auto;}
.pdtItem>img{max-width:unset;width:100%;max-height:unset;}
figure#searchTrigger{transform:scale(0.6)}
header:before{right:59px;}
#mNav{right:70px;}
header>form{height:60px;padding:0 70px 0 75px;}
header>form figure{width:60px;height:60px;font-size:2em;}
header>form input{height:40px;}
header>form input[type="submit"]{height:40px;padding:0 20px;}

#txtCont{padding-top:80px;}
#pdtList{padding-top:100px;}
/*#txtCont h1{padding:40px 20px 10px;margin:0 -20px 40px;background:#6183a8;color:#fff;font-size:2.4em;}*/

.cartList li figure{flex:none;}
.cartList li>div{padding:0px;}
.cartList li label{width:100%;margin-top:10px;}
.steps>aside{padding:30px;}
.subtitle.withBtn{flex-direction:column;gap:10px;margin-bottom:30px;}

section.steps#checkOut{padding-top:100px;}
#checkout-steps{flex-wrap:wrap;gap:2%;padding:2% 2% 0;margin-bottom:40px;}
#checkout-steps a,#checkout-steps figure{width:49%;flex:none;margin-bottom:2%;}
#billDetails{flex-direction:column;gap:20px;}
#billDetails>div{width:100%;}


#loaderCell{width:100% !important;height:100% !important;left:0px;top:0px !important;margin-left:0px;-ms-transform:none !important;transform:none !important;-webkit-transform:none !important;}
#contLoader{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:#fff;}
#loaderCell figure{right:0px;top:0px;margin:0px;border-radius:0px;}
#detailCont+footer{margin-bottom:60px;}

#signIn{padding:120px 20px}
#signIn article{width:100%;padding:120px 30px;}
}

@media (max-width: 440px) {
#fPdt > div { gap: 5%;}
footer { width: 100% !important; padding: 0;z-index:8;}

aside#userCell { border-left: 0;}
aside#cateGories { border-right: 0;}
#detailCont article {width: 80%;}
#newNav { display:none;}
#userCell { top: -40px;}
header>form input { width: 220px;}
header>a img { margin-left: 40px;}
#newNav { width: 80%; margin:auto;line-height: 1.5em;}
aside#userCell>a, aside#userCell>.userBtn { width: 60px; height: 60px;background-color: white;border-radius: 30px;}
aside#userCell { width: 60px;}
aside#cateGories { padding: 0;margin-left: 60px;}
#cateGories:before { height: 60px;}
#cateGories>figure { height: 60px; width: 60px; background-color: white;}

#pdtList > h2,
#fPdt > h2 {margin-bottom: 10px; height: auto;}
}

@media (max-width: 390px) {
#heroCell{margin-top:60px;flex-direction:column;align-items:flex-start;}
header>form input { width: 180px; margin-left: -15px;}
#homeBar > form { width: 80%; margin-left: 45px;}
#userCell { top: 0px;}

}