<style>  
/* --- start of css --- */
/* Desktop Main Menu Color */

.wsmainfull {
  background-color: #fff;
}

.wsmenu>.wsmenu-list {
  background-color: #fff;
}

/* Mobile Header */

.wsmenu>.wsmenu-list>li.headerbtns a.headerbtn01{
  background-color: #ff7f00;
}

.wsmenu>.wsmenu-list>li.headerbtns a.headerbtn02{
  border-color: #ff7f00;
}

.wsmenu>.wsmenu-list>li>a:after {
  background-color: #ff7f00;
}


.wsmobileheader {
  background-color: #fff;
}

.wsmenu>.wsmenu-list>li>a {
  color: #444;
}
 
.wsmenu>.wsmenu-list>li>a.active {
  color: #ff7f00;
}

.wsmenu>.wsmenu-list>li:hover>a {
  color: #ff7f00;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a {
  background-color: #ff7f00;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a {
  background-color: #ff7f00;
  color: #fff;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li:hover a {
  background-color: #ff7f00;
  color: #fff;
}
/* Desde aqui personalizar por color de tema OO */
.btn-action {
    color: #fff;
    background-color: #ff7f00;
    border-color: #ff7f00;
}
.btn-action:hover {    
	background-color: #ff7f00;
    filter: brightness(90%);
    border-color: #ff7f00;
	color: #fff;	
}

.icon-color {
    color: #ff7f00;
}
.wsmenu>.wsmenu-list>li>a i {
    font-size: 11px;
    color: #ff7f00;
    padding-left: 8px;
}
.core-background {
	background-color: #ff7f00;
}
#mobile-search {
	border-color: #ff7f00;
}
.btn-continue {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-continue:hover {    
	background-color: #ffc107;
    filter: brightness(90%);
    border-color: #ffc107;
	color: #fff;	
}
	
.imagen-redonda {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ccc;
}
.imagen-redonda img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
	
.imagen-redonda-filtro {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ccc;
}
.imagen-redonda-filtro img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
	
.imagen-redonda-activa {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #198754;
}
.imagen-redonda-activa img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}	
.objetfitcovermain > img{
	width: 99%;
	height: 310px;
	object-fit: cover;
	object-position: center center;
}
/* Tags en productos */
#new_product {
	position: absolute;
	width: auto;
	z-index: 1;
	right: 20px;
	top: 10px;
	height: 30px;
	line-height:30px;
	padding:0 15px;	color:#FFF;
	font-size:1em;
	font-weight:bolder; 
	text-align:center;
}
#offer {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 1;
	left: 20px;
	top: 10px;
	padding-top:13px;
	background-color: #F00; 
	color:#FFF; 
	font-size:14px;
	font-weight:bolder; 
	text-align:center;
}
#out_stock {
	position: absolute;
	width: auto;
	height: 30px;
	line-height:30px;
	padding:0 15px;
	z-index: 1;
	right: 20px;
	top: 10px;
	background-color: #FC6; 
	color:#FFF; 
	font-size:1em;
	font-weight:bolder; 
	text-align:center;
}
#discount {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 1;
	left: 20px;
	top: 10px;
	padding-top:12px;
	background-color: #F00;	
	color:#FFF; 
	font-size:16px;
	font-weight:bolder; 
	text-align:center;
}
#black_friday {
	position: absolute;
	width: 55px;
	height: 114px;
	z-index: 100;
	left: 20px;
	top: 5px;
	padding-top:12px;															  
	background-image: url('../img/black_friday.png');	
}
.rotate {
  transform: rotate(-20deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-20deg);
  /* Firefox */
  -moz-transform: rotate(-20deg);
  /* IE */
  -ms-transform: rotate(-20deg);
  /* Opera */
  -o-transform: rotate(-20deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.numberCircle {
    padding: 0;
    color: #666;
	font-size:22px;
    text-align: center;
	padding: 0 10px;
}
#filter-container {    
	height:550px;
	overflow: auto;
	overflow-x: hidden;
	position: fixed;
	background: #fff;
	z-index: 1000;
	width: 340px;
	left: -340px;
	top: 100px
}
#close-filter-container {    
	height:30px;	  
	position: fixed;
	background: #fff;
	z-index: 1000;
	width: 50px;
	left: -200px;
	top: 120px;
}
.vertical-text-align {
   display: flex;
   align-items: center;
}
.align-right-search {
	display:flex;
	justify-content: right;
	align-items: right;
}

/* --- end of css --- */
</style>