@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
a{text-decoration:none !important;}
li{list-style-type: none!important;}
html{scroll-behavior: smooth;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.dark{color:#000;}
.marqueebg{background-color: #f5f1ee;}
.marquee {width: 100%; overflow: hidden; font-size: 16px; line-height: 40px;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.canvas-sticky{position: sticky; top: 0; background: #000; border-bottom: 1px solid #d7d7d7;}
.canvas-btn-order{background-color: #db2226; color:#fff; padding:10px; font-size: 15px;}	
.canvas-fixed{position:sticky; bottom:0; width: 100%; z-index: 999; background-color: #fff; border-top: 1px solid #c1c1c1;}
.fnt1{font-size: 14px;}
.fnt3{font-size: 13px; color:#6f6f6f;}
.inse {
	border-radius: 10px;
	border: none;
	font-weight: bold;
	color: #fff;
	background-color: #00000036;}
.form-group {margin-bottom: 0rem !important;}
.glow {
	animation-name: example;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;}
@keyframes example {
	0%   {color: red;}
	25%  {color: yellow;}
	50%  {color: pink;}
	100% {color: white;}
}


@media (min-width:1px) and (max-width:767.98px){
.smallfont{font-size: 12px;}	
}	

@media (min-width:768px) and (max-width:991.98px){
.smallfont {font-size: 10px;}
}

.font-style{font-family: 'Montserrat', sans-serif;}
.no-guts{padding:0!important;margin:0!important;}
.topbarbg{background-color: #a00 !important; color: white;}
.category-font{font-size:1.3rem;}
.catbgclr{background-color: #800000;}
.catbgclr{color:white;}
.desk-card{background-color: #fff; padding: 20px; border-radius:10px; box-shadow:0 2px 10px rgba(217,217,217,.5); }
.product-name{color:#92304a; font-size: 1rem; font-weight: bold; height: 50px;}
.plus-btn{width: 25px;
    height: 25px;
    border-radius: 50px;
    background-color: #dc096b;
    line-height: 25px;
    text-align: center;
    font-size: 14px;}
.prod-code-badge {
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 6px;
    letter-spacing: 0.5px;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.strike{text-decoration: line-through; color: #888888 !important; font-size: 13px; font-weight: 500;}    
.rate-highlight{font-size: 1.2rem; font-weight: 800; letter-spacing: -0.3px;} 
.ratefnt{font-size: 14px;} 
.qty-fnt{font-size: 10px; color: #9c9c9c;}   
.line{height: 1px; background-color: #e5e3e3; margin: 10px 0 4px;}
.qty-box .form-control{width: 70px; height: 30px;}
::-webkit-input-placeholder {
    color: peachpuff;
    font-size: 12px;
}
::-moz-placeholder {
  color: peachpuff;
  font-size: 12px;
}
:-ms-input-placeholder {
  color: peachpuff;
  font-size: 12px;
}
::placeholder {
  color: peachpuff;
  font-size: 12px;
}
.glow {
  animation-name: example;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
@keyframes example {
  0%   {color: red;}
  25%  {color: yellow;}
  50%  {color: pink;}
  100% {color: white;}
}
.inse{
  border-radius: 10px;
border: none;
font-weight: bold;
color: #fff;
background-color: #00000036;
}
.table-height{height:400px; overflow-y:scroll; scrollbar-width:thin;}
.w-40, .w-60{width: 60px;}
.product-cart-header{background-color: rgb(170, 0, 0); color: white; padding-right: 32px;}  
.carttable td {
  background-color: #dc354536 !important;
  border: 2px solid #f00 !important;
  font-weight: bold;
  vertical-align: inherit !important;
}
.colors-list {
  background-color: #f00 !important;
  border: 2px solid rgb(255, 255, 255) !important;
  color: white;
  font-weight: bold;
}



.mobile-desk-cart{background-color: #fff; padding: 10px; border-radius:10px; box-shadow:0 2px 10px rgba(217,217,217,.5);} 
.mobile-product-name{color:#92304a; font-size:13px; font-weight: bold;}  
.w-85{width:85%;} 
.w-15{width:15%;}
.mbl-ratefnt{font-size:12px;}
.m-line{height: 1px; background-color: #e5e3e3; margin: 5px 0 4px;}
.fixeds {position: fixed; z-index: 2; width: 30%;}
.points2 {bottom: 20px; right: 20px;}
.pay-card{background:#eee; padding:20px 10px; border-radius: 10px 0px 0px 10px;}
.pay-now{background:#895270; padding:20px 10px; border-radius: 0px 10px 10px 0px;}
.fixed-fnt{font-size: 14px;}
.circle-txt{position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background-color: #dc096b;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-size: 11px;
  top: 13px;
  left: 19px;}

@media (min-width:5px) and (max-width:767.98px){
.pad{padding:40px 0;}
.fixeds {width: 98%;}
.points2 {bottom: 20px; right: 4px;}
.pay-card {padding: 10px 10px; border-radius: 10px 0px 0px 10px;}
.pay-now {padding: 10px 10px;}
}

@media (min-width:768px) and (max-width:992.98px){
.pad{padding:40px 0;}
}

.top-li{background-color: #800000;}
.red-clr{color:#db2226}
.terms-border{border:2px dashed red; padding: 35px 10px;}
.greeting-border{border:2px solid red; padding: 35px 10px;}
.cart-box input {
	height: 25px;
	width: 30px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: inline-block;
}
.cursor{cursor:pointer;}
.social-btn {
	display: flex;
	width: 160px;
	align-items: center;
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	margin-bottom: 5px;
	position: relative;
	left: -99px;
	transition: left 1s;}
.social-btn:hover {left: -10px; transition: left 1s;}
.social {position: fixed; top: 320px; z-index: 1022;}
.color-filter {background-color: #ff0000;}
.social-btn p {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: bold;}
.fa-filter{
	order: 2;
	color: #fff;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 100%;
	font-size: 40px;}
.modal.animate {opacity:0}
.modal.animate.show {opacity:1}
.modal.animate .modal-dialog{-webkit-transform:translate(0,0);-ms-transform: translate(0,0);transform:translate(0,0)}
.modal.animate .a-fadeRight{-webkit-animation:fadeOutRight .5s;animation:fadeOutRight .5s}
.modal.animate.show .a-fadeRight{-webkit-animation:fadeInRight .5s;animation:fadeInRight .5s}
.modal.animate .a-fadeLeft{-webkit-animation:fadeOutLeft .5s;animation:fadeOutLeft .5s}
.modal.animate.show .a-fadeLeft{-webkit-animation:fadeInLeft .5s;animation:fadeInLeft .5s}
.category-container {overflow-y: auto; max-height: 400px;}
.category-box {
	display: flex;
	margin: 0 auto;}
.category-box > ul {
	display: block;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-size: 15px;
	list-style: none;
	text-align: center;
	width: 100%;}
.category-box > ul > li {
	padding: 10px 0;
	border-bottom: .5px dashed #9ea6b9;
	background-color: #fff;
	transition: background-color 30ms linear;}
.category-box > ul > li:hover {background-color: hsla(0,0%,93%,.478);}
.cart-modal .modal-dialog{max-width: 850px!important;}
.product-tag-item{background-color: #f3f3f3;
	padding: 10px;
	border-bottom: .5px dashed #9ea6b9;}
.w-25px{width: 25px;}
.invalid {
	position: absolute;
	top: 0;
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
	border-radius: .25rem;
	right: 0px;}