.productsubmenu{padding-left:28px;}
.productsubmenuarrcls{font-size:0px;transition:0.4s;}
.submenucontainercls{height:0px;overflow:hidden;transition:0.2s;}
.productparentcls:hover > .productsubmenuarrcls{color:red;font-size:18px;}


#usercheckid{animation:usercheckanime 0.8s infinite alternate;}
@keyframes usercheckanime{
from{opacity:0;}
to{opacity:1;}
}


.animecheckboxcls{}
.spanchecksigncls{left:0px;bottom:14px;position:absolute;width:10px;height:10px;border:2px solid #GGGGGG;display:inline-block;}
.animecheckboxcls:checked + .spanchecksigncls{border:2px solid green;border-top:none;border-left:none;animation:checkboxanimatinon 0.2s linear; animation-fill-mode: forwards;transform:rotate(40deg);}
.checkboxtextcls{font-size:18px;}
@keyframes checkboxanimatinon{
0%{width:0px;height:0px;opacity:0;}
25%{opacity:1;}
50%{width:5px;height:0px;}
100%{width:5px;height:15px;}
}


.paymentwaybox{margin-bottom:48px;overflow:hidden;transition:0.8s;height:20px;cursor:pointer;color:gray;text-align:right;font-family:intschool011numbers;}


.sphold2{border:0px solid #FFFFFF; width:16px;height:16px; animation:spinnerROT2 0.6s linear infinite;}
@keyframes spinnerROT2{
from{transform:rotate(0deg);}
to{transform:rotate(-360deg);}
}

.profilebtnscls{color:white;text-align:center;border-radius:8px;transition:0.2s;background-color:#00CC88;font-family:intschool011numbers;margin-top:18px;padding:12px;}
.profilebtnscls:hover{background-color:black;color:white;}