h3.text-primary{font-weight: 900}
  	.barcode-container{position: absolute; margin:0; background-color: #666; width:98px;height: 60px; padding: 3px; transform:scale(.3); margin-left: -34px; margin-top: -20px; border-radius: 3px; overflow: hidden; transition: .5s}
  	.barcode-container:hover{background-color: #000; width:188px; height: 100px; margin-top: -40px; margin-left: -80px}
  	.barcode-container:hover .scanner {display: block;}
  	
  	.barcode-no{ position: absolute; margin-top: -2px; margin-left: 35px}
.center {
	/*margin: 0 auto;
	text-align: center;*/
}
.spacer {
	margin-top: 0.3rem;
}

/* barcode container */
.anim-box {
	position: relative;
	width: 180px;
	height: 70px;
	padding: 5px 30px;
	transition: transform .6s ease-out;
}

/* adds the 4 corners */
.anim-box:before, .anim-box:after, .anim-box>:first-child:before, .anim-box>:first-child:after {
	position: absolute;
	width: 6%; height: 20%;
	border-color: white; 
	border-style: solid;
	content: ' ';
}

/* top left corner */
.anim-box:before {
	top: 0; left: 3px;
	border-width: 2px 0 0 2px;
}

/* top right corner */
.anim-box:after {
	top: 0; right: 0;
	border-width: 2px 2px 0 0;
}

/* bottom right corner */
.anim-box>:first-child:before {
	bottom: -10px; right: 0;
	border-width: 0 2px 2px 0;
}

/* bottom left corner */
.anim-box>:first-child:after {
	bottom: -10px; left: 0;
	border-width: 0 0 2px 2px;
}

/* barcode bars */
.anim-item {
	display: inline-block;
	background-color: white;
	height: 80px;
}

.anim-item-sm {
	width: 2px;
	margin-right: 3px;
}

.anim-item-md {
	width: 3px;
	margin-right: 2px;
}

.anim-item-lg {
	width: 5px;
	margin-right: 5px;
}

/* grow on hover */
.anim-box/*:hover*/ {
	transform: scale(1.5, 2);
}

.anim-box:hover .scanner {
  animation-play-state: running;
}

/* animated laser beam */
.scanner {
	display: none;
	width: 100%;
	height: 3px;
	background-color: red;
  opacity: 0.7;
  position:relative;
  box-shadow: 0px 0px 8px 10px rgba(170, 11, 23, 0.49);
  top:50%;
  animation-name: scan;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}

@keyframes scan {
  0% {
    box-shadow: 0px 0px 8px 10px rgba(170, 11, 23, 0.49);
    top: 50%;
  }  
  25% {
    box-shadow: 0px 6px 8px 10px rgba(170, 11, 23, 0.49);
    top: 5px;
  }
  75% {
    box-shadow: 0px -6px 8px 10px rgba(170, 11, 23, 0.49);
    top: 98%;
  }
}
 

#exex{/*max-height:980px;*/  position: relative; z-index: 1;   }
.exzoom_img_ul_outer{}
.exzoom_img_ul li{position: relative;}
	.exzoom_img_ul li a.fi{position: absolute; left: 0; background-color: #C4846B; color:black; padding: 3px 7px; z-index: 99;}
	.exzoom_img_ul li a.fi:hover{background-color: #000; color:#fff;}
  .exzoom .exzoom_nav {  left:calc(100% - 75px); top:0px;height: 100%; width:75px ;position:absolute; z-index:3333;}
  @media(max-width: 768px){
  	.exzoom .exzoom_nav {left:0; top:0; position: relative;width: 100%;}
  }
    .exzoom .exzoom_nav .exzoom_nav_inner {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0; }
      .exzoom .exzoom_nav .exzoom_nav_inner span {
        border: 1px solid rgba(255,255,255,.8);
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        float: left; opacity: .7;}
        .exzoom .exzoom_nav .exzoom_nav_inner span.current {
          border: 1px solid rgba(0,0,0,.8);
          opacity: 1;
           }
        .exzoom .exzoom_nav .exzoom_nav_inner span img {
          max-width: 100%;
          max-height: 100%;
          position: relative; }


.input-group.quantity{  }
.input-group.quantity a.minus{
	height: 42px;
	line-height: 30px;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
 
}
.input-group.quantity a.plus{
	position:relative;
	right: 20px;
	height: 42px;
	line-height: 30px;
	z-index: 2;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
 
}
.input-group.quantity input{
	position: relative;
	z-index: 1 !important;
	border-right:none;
	max-width: 80px;
	max-height: 42px;
	border-radius: 0px !important;
	text-indent: 4px;
	box-shadow: none !important
}
.price-container.w-md-auto{min-width: 90% !important;}
.price-container h6{position: absolute; margin-top: -20px}
.tcrt{box-shadow:inset 0px -15px 15px rgba(0,0,0,1), 3px 4px 0 1px rgba(0,0,0,0.2)}
@media(max-width: 991px){
	.input-group.quantity a.plus{
	position:relative;
	right: 20px;
	}
	.price-container.w-md-auto {
		min-width: 50% !important;
	}
}
.btn.btn-black:focus{outline:none !important; box-shadow:inset 0px 15px 15px rgba(255,255,255,.7), -1px -1px 0 1px rgba(0,0,0,0.2); }
.btn-black{background-color: #333; color:white; outline: none !important;}
.btn-black:hover{background-color: #000; color:#C4846B;
box-shadow:inset 0px 15px 15px rgba(255,255,255,.3), 1px 2px 0 1px rgba(0,0,0,0.2)
 }
 
 .input-group.quantity a.plus:hover,
 .input-group.quantity a.minus:hover{background-color: #000; color:#C4846B;
box-shadow:inset 0px 15px 15px rgba(255,255,255,.3);
 }
 .input-group.quantity a.plus:focus,
 .input-group.quantity a.plus:active,
 .input-group.quantity a.minus:focus,
 .input-group.quantity a.minus:active,
 .btn.btn-black:focus,
 .btn-black:active{ margin-top: 2px; background-color: #C4846B; color:#000; box-shadow:inset 0px 15px 15px rgba(255,255,255,.7), -1px -1px 0 1px rgba(0,0,0,0.2);}
.input-group.quantity a.plus:focus,
 .input-group.quantity a.plus:active,
 .input-group.quantity a.minus:focus,
 .input-group.quantity a.minus:active{
 	margin-top: 0px;

 }
 @media(max-width: 1024px){
 	.nav-tabs .nav-item.act .hideme{display: inline;}
 	.nav-tabs .nav-item .hideme{display: none;}
 }
 .vars .variants .variant.colorbox{border-radius: 20px;}
				  	
				  	p.description{/*border-bottom:1px solid #ccc;*/}
				  	.price-container sup{border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding:0 2px;}
				  	.price-container h6{margin-right: 7px;}
				  	.price-container h6 sup{background-color: #fc0; }
				  	.price-container h4  sup{background-color: #000; color:white; position: relative;top: -2px}
				  	.xxprc{padding: 3px 7px;  background-color: red; color:#fff; text-decoration: line-through; border-radius: 4px;border-top-right-radius: 0px;}
				  	.price-container h4{ min-width: 60%; display: flex;}
				  	.price-container h4 .prc{ display: block; min-width: 100%; text-align: center; font-size:1em; font-weight: 900; background-color:rgba(155,205,120,1); padding: 3px 7px; border-radius: 4px; border-top-right-radius: 0px;}
				  	@media(min-width: 768px) and (max-width: 1024px){

				  		.price-container h4 .prc{font-size:1em;}
				  	}
				  	#productTabContent{ padding: 10px; /*border:1px solid #dadce2; margin-top: 0px; border-radius: 6px; border-top-left-radius:0px;
box-shadow: inset 0px 0px 30px rgba(0,0,0,0.1)*/
				  	}
				  	.nav.nav-tabs{border-bottom:0px;}
				  	/*
				  	.nav.nav-tabs .nav-item{background-color: #272727;  margin-right: 3px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
				  	.nav.nav-tabs .nav-item .nav-link{color:#C4846B;}
				  	.nav.nav-tabs .nav-item .nav-link.active,
				  	.nav.nav-tabs .nav-item .nav-link:hover{background-color: #C4846B; color:#000;  
				  		border-top-left-radius: 5px;border-top-right-radius: 5px !important; border-bottom-color: #fff; outline: none;}
				  		.installment-bank{width:48%; margin:1%; padding:10px;  border-radius:4px; border:1px solid #C4846B; }*/

				  		@media(max-width: 1280px){
				  			.installment-bank{width:100%; margin:0%; padding:10px;  border-radius:4px; border:1px solid #C4846B; /*background-color: #f5f5f5*/;}
				  		}
				  		.installment-bank:hover{border-color: #000}
				  		.installment-bank div{border:1px solid #ccc; border-radius: 4px;}
				  		.installment-bank:nth-child(odd){}
				  		.table-hover{text-align: center;}
				  		.table-hover tr:hover{background-color: #000;color:#fff;}
				  		.table-hover tr:hover td{color:#fff;}
				  		.pro-container .input-group.has-validation input{ border-radius: 4px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
				  		.pro-container .input-group.has-validation textarea{ border-radius: 4px !important; border-top-left-radius: 0px !important;}
				  		.pro-container .input-group-text{border-radius: 4px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
	.prolist{width: 100%; padding-bottom: 0px; border-radius: 9px}
	.prolist:hover{border-color: #000; background-color: rgba(255,204,0,1)}
	.prolist .product-category{  margin-top: 9px; }
	.prolist .product-category a{ display: block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; color:#333;background-color: #f5f5f5; font-size:.875em;border-bottom-right-radius: 7px; border-bottom-left-radius:  7px;text-align: center;}
	.prolist .product-category a:hover{background-color: #141414; color:white;}
	 


	 .prolist h4{align-items: center; justify-content: center; display: flex; }
	 .prolist span.xprc{ margin-left:35%;}
	 .prolist span.prc{ background-color: rgba(255,224,0,.7); border-radius: 16px ; padding: 0 7px}
	 .prolist:hover h4{ background-color:#272727; color: white;}
	 .prolist:hover span.prc{ background-color: rgba(0,0,0,1);}
	 .prolist .img{/*max-height: 190px;*/ position: relative; overflow: hidden; border-color: #C4846B}
 
.cartport.button{border-radius: 4px !important;}
.add-share{margin: 10px auto 0 auto; justify-content: center;}
	.add-share li{
		padding: 3px;
	}
.add-share li a{ display: block; padding: 3px 5px; border-radius: 2px; text-decoration: none; font-weight: 400; letter-spacing: -1px; color:#666; }
.add-share li a i{min-width: 25px; text-align: center;}
.add-share li.share{display: flex;}
.add-share li a:hover{background-color: #fc0; color:#000;}
.add-share li.share:hover a span{display: none;}

.add-share li.share ul.sharelist{ width: auto; display: none; }
.add-share li.share ul.sharelist li{display: inline; margin: 0; padding: 0}

.add-share li.share:hover > ul.sharelist{display: flex; margin:0; padding: 0 }
@media(max-width: 1024px){
	.add-share li a span{display: none;}
	.add-share li a.o span{display: inline;}
}
@media(max-width: 592px){
	.add-share li a span{display: none;}
	.add-share li a.o span{display: inline;}
	.add-share li.share:hover .add-share li a span{display: none !important;}
}

h4.breadcrumb{padding: 10px;}
	@media(max-width: 768px){
		.installment-bank{width:98%; }
		h4.breadcrumb span{margin:10px !important }
		button.wp-btn{margin-top: 20px !important; margin-left:0 !important;}
	}
body{background-image: url(../images/pattern.jpg);}
.goomap{padding-top: 0}
.modal-body ul li{list-style: none !important}
/*.modal table{font-size:.775em;}*/






/*single 
comments-tab*/
.comments-container{position: relative;}


.block {
  /*height: 100px;*/
  /*line-height: 100px;*/
  text-align: justify;
}
.block .citation {
  font-size: 1em;
  line-height: 1.3em;
}
.block .author {
  font-family: "Roboto", sans-serif;
  color: #838eca;
  text-transform: uppercase;
  font-size: .675em;
  letter-spacing: 2px;
  line-height: 35px;
  transform: translateY(-50px);
  opacity: 0;
}

.first:hover .citation {
  transform: scale(1.2);
  letter-spacing: 1px;
}
.first:hover .author {
  transform: translateY(0);
  opacity: 1;
}

.second {
  position: relative;
}
.second .author {
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 150px;
  margin: 0 auto;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  right: 50%;
  top: 0;
}
.second:hover .citation {
  transform: scale(1.2);
  letter-spacing: 1px;
  opacity: 0.1;
}
.second:hover .author {
  opacity: 1;
  font-weight: bold;
  color: #000;
  transform: translateX(-50%);
  width: 180px;
}

.third {
  position: relative;
}
.third .citation {
  transform: translateX(0);
}
.third .author {
  bottom: 10px;
  position: absolute;
  right: 0;
  opacity: 0;
}
.third:hover .citation {
  transform: translateX(-30px);
}
.third:hover .author {
  right: -50px;
  opacity: 1;
  color: #ea8273;
}

.fourth {
  position: relative;

}
.fourth .author {
/*	position: relative;
	display: flex;*/
  opacity: 0;
  color: #bf1f5d;
  /*transform: translateY(-50px);*/
 /* background-color: red;*/
}
.fourth:hover .citation {
display: flex; /*flex-direction: column;*/
  align-items: flex-start;
  opacity: 0.3;
  /*transform: translateY(10px);*/
}
.fourth:hover .author {
  opacity: 1;
  transform: translateY(-30px);
   
}
.fourth .author a{/*position: absolute; top:0;*/}
.comment-container{background-color: #f5f5f5; padding: 20px; border-bottom:1px solid #ccc; border-left: 1px solid #ccc}
.comment-container:hover{background-color: #fff; border-bottom-color: #ccc}
.reply-container{ position: relative; margin-left: 42px; padding: 0px; background-color: transparent; border-left: 1px solid transparent; border-top: 1px solid #ccc}
.input-group.has-validation.align-items-start{min-height: 200px}
button.btn-comment,a.reply-this{padding: 7px}

.port-comment.reply,
.port-comment.in-reply{position: relative; border-bottom:1px solid #ccc; padding: 10px;}
.port-comment.reply:last-child,
.port-comment.in-reply:last-child{border-bottom-color: transparent;}
.reply-container .port-comment.reply h6,.reply-container .port-comment.in-reply h6{background-color: #ededed; margin-top: -20px; margin-left: 0px; padding-left: 5px}
.reply-container .port-comment.reply:before,
.reply-container .port-comment.in-reply:before{
			content: ' ';
			position: absolute;
			top:-1px;
			left:-65px;
			height: 1px;
			width:64px;
			background-color: #ccc;
			display: none;
		}
.reply-container .port-comment.reply:after,
.reply-container .port-comment.in-reply:after{
	content: '•';
	position: absolute;
	left:-67px;
	top:-1px;
	font-size:1.5em;
	line-height: 0px;
	color:#ccc;
	display: none;
}
.reply-container .port-comment.in-reply:before{
	left: -55px;
}
.reply-container .port-comment.in-reply:after{
	left:-57px;
}
.comment-container:hover .reply-container .port-comment.reply:before,
.comment-container:hover .reply-container .port-comment.in-reply:before,
.comment-container:hover .reply-container .port-comment.reply:after,
.comment-container:hover .reply-container .port-comment.in-reply:after{
	display: block;
}


	.comment-container:hover .reply-container{
		border-color:#ccc;	
	}
	.reply-container:hover{
		background-color: #f8f8f8;
		box-shadow:inset 1px 2px 3px rgba(0,0,0,0.1)
	}

	.in-reply-container{position: relative; margin-left: 42px; padding: 0px; background-color: transparent;  border:1px solid transparent;  border-top: 1px solid #ccc}
 
	.reply-container:hover .in-reply-container{
		background-color: transparent;
	}

	.reply-container:hover .in-reply-container:hover{background-color: #fff; box-shadow:inset 3px 4px 5px rgba(0,0,0,0.1)}

.reply-time,
.comment-time{margin: 0; padding: 3px 5px;  position: absolute;right: 0;  background-color: #f5f5f5; border-radius: 4px; font-size:.775em;}
.newreply{display: none; padding-bottom: 20px}
.newreply button.submit,
.newreply button.cancel{padding: 7px}
.newreply button.submit{margin-right: 10px}
.newreply button.cancel{ margin-top: 5px;}
.show-old-replies{position: relative;}

@media(max-width: 768px){
	.reply-container{font-size: .875em}
	.in-reply-container{font-size: 1em}
	.in-reply-container,
	.reply-container{}
}


/*
single
payment options-tab
*/
.pay-options{
	padding: 0;
	margin: -10px -10px 0 -10px;
	min-width: 100%;
	background-color: #f8f8f8;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

}
label.ec{cursor: pointer; display: block;  background-color: #f5f5f5;  color:black; border-top-right-radius: 9px; border-top-left-radius: 9px;}
label.ec:hover,
label.ec.selected{background-color:#fc0;color:black}


.comment-info{ position: relative; margin-bottom:15px;}
.show-old-replies a{}




.show-old-replies{width: 100%; border-top:1px solid #dadce2; display: flex; justify-content: flex-end;  margin-bottom: -20px; 
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none; 

}
.show-old-replies a{
  display: flex;
  margin-left: 0px;
  position: relative;
  padding: 4px 36px 0px 10px;
  min-width: 150px;
   font-size: .875em; text-decoration: none;
  height: 22px;
  background-color: #dadce2;

  border-top-left-radius :8px;
  border-top-right-radius:48px;
  transform: rotate(180deg);
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none; 

}
.show-old-replies a span{position: relative; width: auto; display: table; margin:-5px auto 0 auto; color:#999; transform: rotate(180deg); ;}
.show-old-replies:hover{border-color: #fff;}

.show-old-replies:hover a,
.show-old-replies:hover a:after{background-color: #fff; color:black; box-shadow: inset -100px 10px 40px rgba(0,0,0,0.1)}
 

.show-old-replies a:after{
  position: absolute;
  content: ' ';
  top: -38px;
  right: -26px; 
  width: 80px;
  height:80px;
  background-color: #dadce2;
  border-radius: 10px;

  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  transform: rotate(180deg);
  transform: rotateY(180deg);

}


#productTabContent.tab-content{/*border-radius: 8px !important; margin-top: -1px; border-top:3px solid #f5f5f5; z-index: 6 ; min-height: 230px; margin-bottom: 10px*/}
#contenttab iframe,
iframe.note-video-clip{max-width: 100% !important; max-height: 240px !important}

/*.tab-pane{ background-color: #000; border-radius: 18px !important;}*/

.container-fluid.bg-secondary.pt-2.pb-2{padding-bottom: 40px !important}
 


.productrating{/*background-color: #fff; */box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3); align-items: center; padding: 0 10px; margin: 0; border-radius: 4px;}
	.rate {
  /* rating stars */
  padding: 21px 0;
}
.rate span {
  display: inline-block;
  height: 22px;
  width: 110px;
  background: url(../images/cd-star.svg);
  color: transparent;
}

.cartport.button.btn{font-weight: normal !important; padding: 0 10px}

fieldset.rating { 
background-color: #000;
margin: 0; padding: 0;
  border: none;
  border-radius: 4px;
float: left;
}

fieldset.rating > input { display: none; } 
fieldset.rating > label:before { 
  margin: 5px;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  content: "\f005";
}

fieldset.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

fieldset.rating > label { 
  color: #ddd; 
 float: right; 
 
}

/***** CSS Magic to Highlight Stars on Hover *****/

fieldset.rating > input:checked ~ label, /* show gold star when clicked */
fieldset.rating:not(:checked) > label:hover, /* hover current star */
fieldset.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

fieldset.rating > input:checked + label:hover, /* hover current star when changing rating */
fieldset.rating > input:checked ~ label:hover,
fieldset.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
fieldset.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

#productTab.nav.nav-tabs .nav-item:hover{background: transparent !important;}
#productTab.nav.nav-tabs .nav-item  .nav-link:hover{background-color:white;}

@media(max-width: 991px){
	#productTab.nav.nav-tabs .nav-item{display: inline-block;   border-top-left-radius: 8px !important;border-top-right-radius: 8px !important; margin: 0;   }
	#productTab.nav.nav-tabs .nav-item:first-child{ margin-left: 0px;z-index: 2}
	#productTab.nav.nav-tabs .nav-item .nav-link,
	#productTab.nav.nav-tabs .nav-item .nav-link.active{display: inline; min-width: 75px; min-height: 35px; border-top-left-radius: 8px !important;border-top-right-radius: 8px !important;}
	
	#productTabContent.tab-content{margin-top: -1px; }
	#productTab.nav.nav-tabs .nav-item .nav-link:after,
	#productTab.nav.nav-tabs .nav-item .nav-link:before{
		display: none;
	}

}
@media(max-width: 768px){
	#productTabContent.tab-content{min-height: auto}
}
 

/*.picset a.pictures{margin: 0; padding: 0; background-color: #f36}
.picset picture.primary,.picset picture.secondary
{margin: 0; padding: 0; background-color: #000; position: relative;}
.picset picture.primary source, .picset picture.secondary source{margin: 0; padding: 0; position: relative; top:0; height: 0px;}
.picset picture.primary img, .picset picture.secondary img{margin: 0; padding: 0;position: relative; }*/
/*.picset .img a.pictures{height: 100%; display: block;margin: 0; padding: 0}
.picset .secondary{}*/





@media(max-width: 768px){
	#exex{
		margin-bottom:90px;
		max-height: auto;
	}
	.col-lg-7.order-1.order-md-2{/*margin-top: 150px*/}
}
@media(max-width:592px){ 
	#exex{ 		margin-bottom:0;	}	
#productTab.nav.nav-tabs .nav-item .nav-link span{display: none;}

} 
#productgroupslider,#productslider{overflow: hidden;}
#productgroupslider .swiper-slide{background-color: #c4a3a3;}
#productgroupslider .swiper-slide a{color:black;}

#productgroupslider .swiper-button-next,
#productgroupslider .swiper-button-prev {
    background-color: rgba(104, 65, 65, 0.5);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-radius: 80px;
    right:10px;
    padding: 30px;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
    margin-top: -25px;
    background-position: center;
}

  
  .swiper-container-bp1 .prolist:hover{border-color: #fff; background-color: #E1C19A}
  .swiper-container-bp1 .prolist .product-category{  margin-top: 9px; }
  .swiper-container-bp1 .prolist .product-category a{ display: block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px;
   text-decoration: none; color:#999;background-color: #000; font-size:.875em;border-bottom-right-radius: 9px; border-bottom-left-radius: 9px}
  .swiper-container-bp1 .prolist .product-category a:hover{background-color: #141414; color:white;}
  .swiper-container-bp1 .prolist:hover .product-category a{background-color: #f5f5f5; color:black; }
  .swiper-container-bp1 .swiper-slide.prolist h3.proname{
    padding:0 20px; font-size:1.3em;letter-spacing: -1px;
  /* overflow: hidden; display: flex; align-items: center; justify-content: center;*/

 width: /*calc(100% - 460px)*/; 
 max-height: 80px; 
  min-height: 80px; margin: 5px 0 0 0;  
  font-size:1.2em;
text-align: center;
padding: 5px 20px;
/*background-color: #C4846B15;*/
border-radius: 4px;
 
/*height: 100%;*/
  vertical-align: bottom;
  align-content: center;
  align-self: flex-start;

 }
div.discount {
    
    background-color: #cd1a80;
    color:white !important;
    border-top-left-radius: 10px;
}

   .swiper-container-bp1 .prolist span.prc{ background-color: #C4846B;}
   .swiper-container-bp1 .prolist:hover h4{ background-color:#272727; color: white;}
   .swiper-container-bp1 .prolist:hover span.prc{ background-color: #C4846B;}
   .swiper-container-bp1 .prolist .img{ position: relative; overflow: hidden; }
   .swiper-container-bp1  .discount{color:black; margin: -2px; padding: 2px }

.swiper-container-bp1 .swiper-wrapper{padding-bottom: 0px!important}
.swiper-container-bp1 .prolist{color:#000;   /*border-color:#ffefb0;*/ padding-bottom: 0px; border-radius: 9px;}
.swiper-container-bp1   .prolist .img{ border-radius: 8px}
.swiper-container-bp1 .prolist .img:hover{background-color: #fff;}
.swiper-container-bp1 .prolist .img img{max-width: 100%; border-radius: 9px;  height: 100%;}
.swiper-container-bp1 .prolist h3{  overflow: hidden; display: flex; align-items: center; justify-content: center;}
.swiper-container-bp1 .prolist h4{ /*background-color:#272727; color: white;*/ }

.swiper-container-bp1 .prolist .divider{/*background-color:  #000;*/ }
.swiper-container-bp1 .prolist .quickview{display: none;}
/*.swiper-container-bp1 .prolist .to-cart-btn span{display: none;}*/
.swiper-container-bp1 .prolist .btn-danger,
.swiper-container-bp1 .prolist .btn-black{  background-color:#272727; border-color: #000; color:#C4846B; }
.swiper-container-bp1 .prolist .btn-danger:hover{background-color:#C4846B; color:#C4846B;}
.swiper-container-bp1 .prolist .btn-black{background-color: #fc0  !important; color:#000; border:none !important; box-shadow: none;}
.swiper-container-bp1 .prolist .btn-black:hover{background-color:#fff !important; color:#000; }
.swiper-container-bp1 .prolist .btn.quickview,.swiper-container-bp1 .prolist .btn.to-cart-btn,.swiper-container-bp1 .prolist .btn.save-for-later-btn{padding: 8px; border-radius: 36px!important}
.swiper-container-bp1 .prolist:hover{
  background-color: #fff; color:#000 ;
}

.swiper-container-bp1 .prolist:hover{
  background-color: #fff; box-shadow:inset  0px -150px 90px rgba(255,200,0,0.3), 0px 15px 15px rgba(0,0,0,0.3);
}
.swiper-container-bp1 .prolist:hover .product-category a{background-color: #fff; color:black;   }
.swiper-container-bp1 .prolist .product-category a:hover{background-color: white; color:#141414; }
.swiper-container-bp1 .swiper-button-next{}
.swiper-container-bp1 .swiper-button-next,
.swiper-container-bp1 .swiper-button-prev {
  bottom: 70%;
  top: unset;
  transform: scale(0.6);
  transition: all 0.4s;
  background-color: #FFFFFF00;
  backdrop-filter: blur(20px);
  height: 55px;
  width: 55px;
  line-height: 55px;
  border-radius: 50%;
  transition: all 0.4s;
  margin-right: -55px;
}
.swiper-container-bp1 .swiper-button-prev{
	margin-left: -55px;	
}
@media (max-width: 991px) {
  .swiper-container-bp1 .swiper-button-next,
.swiper-container-bp1 .swiper-button-prev {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: -65px;
    transform: scale(0.5);
  }
  .swiper-container-bp1 .swiper-button-prev{
  	margin-left: -65px;
  }
}
.swiper-container-bp1 .swiper-button-next:hover,
.swiper-container-bp1 .swiper-button-prev:hover {
  background: #FFFFFF0D;
}
.swiper-container-bp1 .swiper-button-next::after,
.swiper-container-bp1 .swiper-button-prev::after {
  background: none;
  color: #000;
  font-size: 60px;
}
@media (max-width: 991px) {
  .swiper-container-bp1 .swiper-button-next::after,
.swiper-container-bp1 .swiper-button-prev::after {
    font-size: 30px;
  }
}
.swiper-container-bp1 .swiper-button-next {
  right: 50px;
}
.swiper-container-bp1 .swiper-button-next::after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
}
.swiper-container-bp1 .swiper-button-prev {
  left: 50px;
}
.swiper-container-bp1 .swiper-button-prev::after {
  content: "\f177";
  font-family: "Font Awesome 5 Pro";
}
.swiper-slide.prolist{
	background-color: #fff;
}

.swiper-slide.prolist h4{ /*background-color: red; text-align: center; display: flex; justify-content: center;*/}
.swiper-slide.prolist:hover h4 span.prc{background-color: #000}
.swiper-slide.prolist h4 span.prc{/*width: 90%; */text-align: center; background-color: #00cc66}
.swiper-pagination.spbp7.swiper-pagination-bullets.swiper-pagination-horizontal{display: none}
.swiper-container-bp1 .slider-pagination-area {
	
  /*display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: unset;
  right: unset;
  bottom: -20px;
  left: 50% !important;
  transform: translateX(-50%);
  width: 500px;
  z-index: 1;*/
}

.picset{
  transition: all 0.5s ease;
}
.picset .img{/*height: 400px;*/}

.picset .img a.pictures{position: relative;/* height: 100%;*/ margin: 0; padding: 0; top:0;}
/*.picset a.pictures picture{position: absolute; width: 100%; height: 100%; top: 0}*/
/*.picset picture.primary   img{transform: scale(1); }
.picset picture.secondary img{padding:0; transform: scale(0); }

.picset:hover picture.primary   img{padding:0; transform: scale(0.0); }
.picset:hover picture.secondary img{  transform: scale(1); margin-top:calc(-100% - 130px);}*/


.picset picture.primary   img{display: block; }
.picset picture.secondary img{padding:0; display: none; }

.picset:hover picture.primary   img{padding:0; display: none; }
.picset:hover picture.secondary img{ display: block;}

@media(max-width: 590px){
  .picset .img{/*height: 140px;*/}
  .picset .proname{font-size: 1em !important}
}

#recentlyproducts .btn.ihave,#recentlyproducts .btn.makeme,
#productslider .btn.ihave,#productslider .btn.makeme{
  font-size:.875em; font-weight: normal; min-width: 90%;
  margin: 1px auto 0 auto;
}
/*
#similarproducts .swiper-button-prev {
 
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FEE8E8'%2F%3E%3C%2Fsvg%3E") !important;
    
  }
#similarproducts .swiper-button-next{
 
   background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FEE8E8'%2F%3E%3C%2Fsvg%3E") !important;
}
*/











#productgroupslider .swiper-button-next:hover,
#productgroupslider .swiper-button-prev:hover{
  background-color: rgba(0,0,0,.6);

}
#recentlyproducts .btn.ihave,#recentlyproducts .btn.makeme,
#productslider .btn.ihave,#productslider .btn.makeme{
  font-size:.875em; font-weight: normal; min-width: 90%;
  margin: 1px auto 0 auto;
}

#productgroupslider .swiper-pagination-bullet{background-color: rgba(255,255,255,.7)}
#productgroupslider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #C4846B}

#productgroupslider .swiper-wrapper{padding-bottom: 30px; padding-top: 40px }
#productgroupslider .swiper-pagination{margin-bottom: -13px; }

#productslider .swiper-pagination{margin-bottom: -25px;}

button.nav-link{border-top-left-radius: 12px !important;border-top-right-radius: 12px !important; color:#000;}
button.nav-link.active{  color: #000; background: linear-gradient(360deg, #dadce2 44.5%, rgba(255,255,255, 0.13) 60.73%, rgba(255,255,255, 0.25) 80.85%, #dadce2 103.68%, #fff 120.75%);}