html {
  scroll-behavior: smooth;
}
body
{
	counter-reset: Serial Serial2 Serial3 !important;		/* Set the Serial counter to 0 */
}
.strike
{
	text-decoration:line-through;
	text-decoration-thickness:1px;
}
.norights
{
	cursor: not-allowed !important;
	pointer-events: none !important;
	opacity:0.2;
}

.btn:active
{
	transform:scale(0.8);
}
.text-bold
{
	font-weight:bold;
}

a,.btn-link
{
	text-decoration:none !important;
}

.sno:before
{
	counter-increment: Serial;      /* Increment the Serial counter */
	content: counter(Serial) ')'; /* Display the counter */
}

.sno2:before
{
	counter-increment: Serial2;      /* Increment the Serial counter */
	content: counter(Serial2) ')'; /* Display the counter */
}
.sno3:before
{
	counter-increment: Serial3;      /* Increment the Serial counter */
	content: counter(Serial3) ')'; /* Display the counter */
}

.pointer{
  cursor: pointer;
}
.custom-switch .custom-control-label
{
	cursor: pointer;
}
.hidden
{
	display:none
}
.sidebar.toggled .nav-item .collapse
{
	z-index:6;
}

.pfontsize
{
	font-size:15px !important;
}
.cfontsize
{
	font-size:15px !important;
}

.hoverup
{
	transition: transform 200ms ease-in-out;
}
.hoverup:hover
{
	transform: translateY(-4px);
}





@media (max-width: 768px)
{
	.pfontsize
	{
		font-size:13px !important;
	}
	.cfontsize
	{
		font-size:12px !important;
	}
}

/*----scroll bar----*/
@media (max-width: 768px)
{
	.scrollCarousel .scrollleft
	{
		display:block;
		margin-left: 7px;
	}
	.scrollCarousel .scrollright
	{
		display:block;
		margin-right: 7px;
	}
}

.point-tag{
	position: absolute;
	left: -4px;
	color: #fff;
	z-index: 1;
	font-size: .6rem;
}
.successicon {
/*
	animation-name: successicon;
	animation-duration: 2s;
	animation-delay: 1s;
	*/
	animation: successicon 2s 2s;
	animation-iteration-count: 5;
	color:#1cc88a;
}

@keyframes successicon {
	0%   {transform:scale(1);color:#0099FF;}
	25%  {transform:scale(0);color:#FF0099;}
	50%  {transform:scale(1.5);color:#FFFF00;}
	75%  {transform:scale(0.5);color:#FF9933;}
	100% {transform:scale(1);}
}
.offericon {
	animation: offericon 5s infinite;
	color:#1cc88a;
}

@keyframes offericon {
	0%   {transform: scaleY(0);top:-10px;}
	5%   {transform: scaleY(0);top:-10px;}
	10%   {transform: scaleY(1);top:-6px;}
	90%   {transform: scaleY(1);top:-6px;}
	95%   {transform: scaleY(0);top:-10px;}
	100% {transform: scaleY(0);top:-10px;}
}
.scrollCarousel
{
	position:relative;
}
.scrollCarousel .scrollleft
{
	position:absolute;background:#85879652;color:#FFFFFF;left:0;top:calc(30%); padding: 1% 1%;
}
.scrollCarousel .scrollright
{
	position:absolute;background:#85879652;color:#FFFFFF;right:0;top:calc(30%); padding: 1% 1%;
}
.scrillbarhide {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.scrillbarhide::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.scrolllist
{
	clear: both;
	display: inline-block;
	overflow: visible;
	white-space: nowrap;
	text-align:center;
	width:auto;
}
/*----scroll bar end----*/

/*For Nav bar color change*/
.navbar-dark .navbar-nav .nav-link {
    color: 
    rgba(255, 255, 255, 0.91);
}

.addtocart{
  position: relative;
  animation-name: addtocartanimate;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  z-index:1000;
}

@keyframes addtocartanimate {
  0%   {top:0px;right:0px}
  100% {top:-1500px; right:-200px; transform: scale(0) rotate(1000deg);}
}

#idsearchinpt {
	background-image:url(images/search.png);
	background-position: 10px 15px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	border-radius: 25px !important;
}
	
#idsearchlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 95%;
	z-index:1;
	max-height: 400px;
	overflow: auto;
}
	
#idsearchlist li a {
	border: 1px solid #ddd;
	margin-top: -1px; /* Prevent double borders */
	background-color: #f6f6f6;
	padding: 8px;
	text-decoration: none;
	font-size: 15px;
	color: black;
	display: block
}
	
#idsearchlist li a:hover:not(.header) {
	background-color: #eee;
}

#loader
{
	background-color:#fffffff2;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1051;
	display:block;
}
#loader div
{
	position: fixed;
	top: 45%;
	left: 48%;
}
.blink{
    animation:blinks 1.2s infinite;
}
@keyframes blinks{
    0%{     visibility: visible;    }
    49%{    visibility: visible; }
    60%{    visibility: hidden; }
    99%{    visibility: hidden;  }
    100%{   visibility: visible;    }
}

p{
	font-size: 16px;
	font-family: "Muli", sans-serif;
	color: 
	#636363;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}
ul,ol
{
	padding: 0;
	margin: 0;
}


/* Deal Of The Day*/
.dealofday
{
	background:#f1f1f1;
}
.countdown-timer {
	text-align: left;
}

.countdown-timer .cd-item {
	text-align: center;
	display: inline-block;
	background: #ffffff;
	margin-right: 0px;
	padding: 0px 5px;
	border-radius: 5px;
}

.countdown-timer .cd-item:last-child {
	margin-right: 0;
}

.countdown-timer .cd-item span {
	font-weight: 700;
	line-height: 15px;
	font-size: 15px;
}

.countdown-timer .cd-item p {
	font-size: 10px;
	color: #b2b2b2;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
@media (max-width: 768px) {
	.countdown-timer .cd-item {
		display: inline-block;
		background: #ffffff;
		margin-right: 0px;
		padding: 0px 5px;
		border-radius: 5px;
	}

	.countdown-timer .cd-item span {
		font-weight: 700;
		line-height: 15px;
		font-size: 15px;
	}

	.countdown-timer .cd-item p {
		font-size: 10px;
		color: #b2b2b2;
		margin-bottom: 0;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}
}
/* Deal Of The Day End*/


/*---------------------
  Footer
-----------------------*/

.footer-section {
	background: #191919;
	padding-top: 75px;
}

.footer-left {
	margin-bottom: 30px;
}

.footer-left .footer-logo {
	margin-bottom: 24px;
}

.footer-left .footer-logo a {
	display: inline-block;
}

.footer-left ul li {
	list-style: none;
	color: #b2b2b2;
	font-size: 16px;
	line-height: 30px;
}

.footer-left .footer-social {
	padding-top: 25px;
}

.footer-left .footer-social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #434445;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	margin-right: 7px;
	position: relative;
	z-index: 1;
}

.footer-left .footer-social a:hover:before {
	opacity: 1;
}


.footer-widget {
	margin-bottom: 30px;
}

.footer-widget h5 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 26px;
}

.footer-widget ul li {
	list-style: none;
}

.footer-widget ul li a {
	line-height: 36px;
	font-size: 16px;
	color: #b2b2b2;
}

.newslatter-item h5 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}

.newslatter-item p {
	color: #b2b2b2;
	line-height: 26px;
}

.copyright-reserved {
	border-top: 1px solid #303030;
	padding: 15px 0;
	margin-top: 45px;
}

.copyright-reserved .copyright-text {
	float: left;
	font-size: 16px;
	color: #b2b2b2;
}

.copyright-reserved .copyright-text a {
	color: #b2b2b2;
}

.copyright-reserved .copyright-text i {
	color: #cc2424;
}


.copyright-reserved .payment-pic {
	float: right;
}

/*--show overflow '...'---*/
.varianttext
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}
/*--show overflow '...' end---*/

/*-------Slider Dot---------*/
.carousel-indicators li
{
	box-shadow:0px 0px 1px #c2c2c2;
}
/*-------Slider Dot---------*/

/*---Input Toggel--*/
.custom {
  position:relative;
}
  
.custom label {
  padding-left:10px;
  padding-top:7px;
  pointer-events: none;
  position:absolute;
  left:0;
  top:0;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity:0.5;
  z-index: 3;
}

.custom input
{
	padding-top: 20px;
    padding-left: 10px;
}
.custom .bootstrap-tagsinput input
{
	padding-top: 7px;
    padding-left: 10px;
}
.custom select{
	padding-top: 12px;
    padding-left: 6px;
}

.custom .select2-selection__rendered{
	margin-top:5px;
}

.custom textarea{
	padding-top: 20px;
    padding-left: 10px;
}


.custom input:focus + label, .custom input:not(:placeholder-shown) + label,
.custom select:focus + label, .custom select:not(:placeholder-shown) + label,
.custom select:focus + span + label, .custom select:not(:placeholder-shown) + span + label,
.custom .bootstrap-tagsinput input:focus + label, .custom .bootstrap-tagsinput input:not(:placeholder-shown) + label {
	opacity: 0.5;
	transform: translateY(-8px);
	font-size: 12px;
}

.custom textarea:focus + label, .custom textarea:not(:placeholder-shown) + label {
	opacity: 0.5;
	transform: translateY(-8px);
	font-size: 12px;
}

/* For IE Browsers*/
.custom input:focus + label, .custom input:not(:-ms-input-placeholder) + label {
  opacity:1;
  transform:translateY(-30px);
}

/* For IE Browsers*/
.custom textarea:focus + label, .custom textarea:not(:-ms-input-placeholder) + label {
  opacity:1;
  transform:translateY(-30px);
}
/*-----Fixed Add Button-----*/

.add_btn
{
	position:fixed;
	right:1rem;
	bottom:5rem;
	width:2.75rem;
	height:2.75rem;
	text-align:center;
	color:#fff;
	line-height:46px
}

.badge-counter {
	position: absolute;
	transform: scale(.7);
	transform-origin: top right;
	right: .25rem;
	margin-top: -.25rem;
}


/*--Filter------*/
.menudives
{
	transition: transform 300ms linear 0s;
	transform:scale(0);
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1021;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 35px;
  background-color:#FFFFFF;
  box-shadow: 2px 0 20px #858585;
}

.sidenav .closebtn {
  position: absolute;
  top: -10px;
  left: 150px;
  font-size: 36px;
  margin-left: 50px;
  text-decoration:none;
  z-index:1;
  
}

#filterSidenav
{
	font-size: 14px;
	font-weight: 500;
	color:#212121 !important;
}
#filterSidenav ul li
{
	padding-top:0px !important;
	padding-bottom:0px !important;
	border:none;
}
#filterSidenav ul li a
{
	color:#212121 !important;
	text-decoration:none;
}
#filterApply
{
	font-size:18px;
	position:fixed;
	bottom:0;
	width:0;
}
.second-level
{
	display:none;
	color:#6c6c6c !important;
}
/*--Filter------*/


.underline {
	text-decoration: none; 
	position: relative;
	background:#fff;
	border: none;
	color:#0091d7;
	padding: 15px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight:normal;
	border-radius:10px;
	box-shadow: 1px 1px 10px #9d9d9d66;
	/* optional animation */
	-webkit-transition-timing-function: ease-out !important;
	-o-transition-timing-function: ease-out !important;
	-ms-transition-timing-function: ease-out !important;
	-moz-transition-timing-function: ease-out !important;
	transition-timing-function: ease-out !important;
	-o-transition:.3s !important;
	-ms-transition:.3s !important;
	-moz-transition:.3s !important;
	-webkit-transition:.3s !important;
	transition:.3s !important;
}   

/*---under line effect---*/
.underline:after {
	position: absolute;
	content: '';
	height: 6px;
	/* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
	bottom: 0px; 
	border-radius:0px 0px 10px 10px;
	
	
	/****** 
	optional values below 
	******/
	
	/* center - (optional) use with adjusting width   */
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 0%;
	background: #ffad2c;
	
	/* optional animation */
	-webkit-transition-timing-function: ease-out !important;
	-o-transition-timing-function: ease-out !important;
	-ms-transition-timing-function: ease-out !important;
	-moz-transition-timing-function: ease-out !important;
	transition-timing-function: ease-out !important;
	-o-transition:.5s !important;
	-ms-transition:.5s !important;
	-moz-transition:.5s !important;
	-webkit-transition:.5s !important;
	transition:.5s !important;
}

 /* optional hover classes used with anmiation */
.underline:hover:after {
	width: 100%;
}
.underline:hover
{
	box-shadow: 0px 0px 0px #4a4a4a;
	background:#0091d7;
	color:#fff;
	border-radius:10px 10px 8px 8px;
}
/*---under line effect---*/


@media (max-width: 768px) {
	.p-xs-0
	{
		padding:0 !important;
	}
	.pr-xs-0
	{
		padding-right:0 !important;
	}
	.pl-xs-0
	{
		padding-left:0 !important;
	}
}