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

.wsmainfull {
  background-color: #120e32;
}

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

/* Mobile Header */

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

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

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

.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
    background: #fff;
}

.wsmobileheader {
  background-color: #120e32;
  text-align:center;
}

.wsmenu>.wsmenu-list>li>a {
  background-color: #120e32;
  color: #fff;
}
 
.wsmenu>.wsmenu-list>li>a.active {
  color: #fff;
}

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

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

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

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

.icon-color {
    color: #fff;
}
.wsmenu>.wsmenu-list>li>a i {
    font-size: 11px;
    color: #fff;
    padding-left: 8px;
}
.core-background {
	background-color: #fff;
}
.core-color {
	background-color: #120e32;
	/*#120E32*/
}
	
.header-bg-color {
	background-color: #120e32;
}
.footer-bg-color {
	background-color: #120e32;
}
.footer-font-color {
	color: #FFF;
}
	
#mobile-search {
	border-color: #120e32;
}
.btn-continue {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-continue:hover {    
	background-color: #ffc107;
    filter: brightness(90%);
    border-color: #ffc107;
	color: #fff;	
}
.title-tab {
	font-size:14px;
	color: #fff;
	background-color:#399;
	color:#FFF;
	font-weight:bolder;
	padding:10px;
	clear:both; 
	width:auto;
	display:inline;
}
/* --- end of css --- */
/* --- Tags en productos --- */
#new_product {
	position: absolute;
	width: auto;
	z-index: 1;
	right: 0px;
	top: 0px;
	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: 10px;
	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: 0px;
	top: 0px;
	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: 10px;
	top: 10px;
	padding-top:12px;
	background-color: #F00; 
	color:#FFF; 
	font-size:16px;
	font-weight:bolder; 
	text-align:center;
}
.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);
}
/* --- End Tags en productos --- */
.objetfitcovermain > img{
	width: 99%;
	height: 310px;
	object-fit: cover;
	object-position: center center;
}
.objetfitcoversearch > img{
	width: 99%;
	height: 310px;
	object-fit: cover;
	object-position: center center;
}
.objetfitcoverlogo > img{
	width: 99%;
	height: 65px;
	object-fit: cover;
	object-position: center center;
}
.objetfitcoverlogomobile > img{
	/*width: 99%;*/
	height: 60px;
	object-fit: cover;
	object-position: center center;
}
.img-cover{
	object-fit: cover;
	object-position: center;
}
.circular--landscape {
	display: inline-block;
	position: relative;
	width: 40x;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
}

.circular--landscape img {
	width: auto;
	height: 100%;
	margin-left: -50px;
}
#search_panel_small {
	top:0px;
	position: relative;
	height: 58px;
	padding: 3px 0;
	display:none;
	z-index:0;
}
#search_panel_large {
	top:-20px;
	position: relative;
	height: 58px;
	padding: 3px 0;
	display:none;
	z-index:0;
}
.step_number_footer {
	background-color: #FFF;
	color: #000;
	line-height: 30px;
	border-radius: 75px;
	font-size: 16px;
	text-align: center;
	z-index: 5; 
	width:30px;
	float:left;
}
</style>