/* ELIMINAR LO DE ABAJO DESPUES DE COVID-19 (MENU) */ 
nav#cbp-hrmenu  > ul {
  text-align: left;
  margin-left: -45px;
}

nav#cbp-hrmenu ul li#cbp-hrmenu-tab-15 {
  border: none;
}
nav#cbp-hrmenu ul li#cbp-hrmenu-tab-15.cbp-hropen {
  border-color: #862F62;
}
#cbp-hrmenu > ul > li > a:hover, #cbp-hrmenu > ul > li.cbp-hropen > a, #cbp-hrmenu > ul > li.cbp-hropen > a:hover{
  background-color: rgb(167, 70, 126);
  background: rgb(167, 70, 126);
  color: white !important;
  font-weight: 500;
}
#cbp-hrmenu > ul > li > a {
  color: white !important;
}
#menu_holder {
  background-color: #862F62 !important;
  background: #862F62 !important;
}
#iqitmegamenu-horizontal {
  background-color: #862F62 !important;
  background: #862F62 !important;
}
/* ELIMINAR LO DE ARRIBA DESPUES DE COVID-19 (MENU) */
.text-right {

  text-align:right !important;

}

.text-center {

  text-align:center !important;

}

.text-left {

  text-align:left !important;

}

.overflow-hidden {

  overflow: hidden;

}

.nopadding {

  padding:0px !important;

}



.container {

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 15px !important;

  padding-right: 15px !important;

}



/* HEADER */

#header {

  border-bottom: 1px solid #e0e0e0;

  overflow: hidden;

}



#header .logo {

  max-width: 100%;

  max-height: 60px;

  width: auto;

  heigth: auto;

}

#header #_desktop_info {

  float: right;

  margin-top: 2px;

}

#header #_desktop_info i {

  font-size: 24px;

  font-weight: 600;

}

#header input, textarea {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}





.header-banner{

  background:#211915;

  color:#fff;

}



i.material-icons.search{

  font-size: 0px!important;

  width: 18px;

  height: 18px;

  cursor:pointer;

}

#_desktop_language_selector ul li {

  padding: 5px;

}

i.material-icons.search:before {

  content: "";

  background: url(../img/svg/search.svg) no-repeat;

  width: 20px;

  height: 20px;

  display: inline-block;

  background-size: contain;

}

i.icon-male-user {

  font-size: 0px!important;

  width: 18px;

  height: 18px;

}

i.icon-male-user:before {

  content: "";

  background: url(../img/svg/user.svg) no-repeat;

  width: 25px;

  height: 25px;

  display: inline-block;

  background-size: contain;

}

i.icon-bag {

  font-size: 0px!important;

  width: 18px;

  height: 18px;

}

i.icon-bag:before {

  content: "";

  background: url(../img/svg/bag.svg) no-repeat;

  width: 25px;

  height: 25px;

  display: inline-block;

  background-size: contain;

}

i.icon-soporte {

  font-size: 0px!important;

  width: 35px;

  height: 35px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

i.icon-soporte:before {

  content: "";

  background: url(../img/svg/soporte.svg) no-repeat;

  width: 35px;

  height: 35px;

  display: inline-block;

  background-size: contain;

}

img.img-responsive {

  width: 100%;

  height: auto;

}

body.content_only header, body.content_only .breadcrumb {

  display: none;

}

.cbp-hrsub.cbp-show.cbp-notfit {

  z-index: 99999999;

}

.fancybox-close:before {

  display: block;

  font-family: Material Icons;

  content: "\e5cd";

  font-size: 20px;

  line-height: 20px;

  color:#fff;

}

.border_full{

  border-bottom:1px solid #f1f4f5;

}



nav.breadcrumb {

  margin:0px;

  padding-top: 11px !important;

  padding-bottom: 11px !important;

}



.fancybox-close {

  position: absolute;

  top: -22px;

  right: -4px;

  width: 20px;

  height: 20px;

  cursor: pointer;

  z-index: 8040;

  background: transparent;

}

.fancybox-opened .fancybox-skin {

  /*padding-top: 37px!important;*/

}



#header .header-top .header-top {

  margin-top: 7px;

}

#header .header-top #_desktop_cart {

  float: none;

  display:inline-block;

  margin:0px;

}

.container_cart .empty_cart {

  text-align: center;

  margin-top: 40px;

}



/* DESPLEGABLE LOGIN */

#header .user-popup {

  position: fixed;

  z-index: 999;

  top: 0;

  right: -470px;

  width: 460px;

  height: 100vh;

  background-color: white;

  padding: 30px;

  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);

  transition: right 300ms ease-in-out;

  display: none !important;

}

#header .user-popup.open {

  transition: right 300ms ease-in-out;

  right: 0;

}

#header .user-popup .close-popup {

  float: right;

  height: 15px;

  cursor:pointer;

}

#header .user-popup .close-popup:before {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(45deg);

  margin-bottom: 7px;

  cursor:pointer;

}

#header .user-popup .close-popup:after {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(-45deg);

  margin-left: -15px;

  margin-bottom: 7px;

  cursor:pointer;

}

#header .user-popup .title-popup {

  display: block;

  clear: both;

  font-size: 20px;

  color: #000;

  padding-bottom: 9px;

  border-bottom: 1px solid #d8d8d8;

  margin-bottom: 25px;

  text-align: center;

}

#header .user-popup #login-form {

  margin-bottom: 35px;

}

#header .user-popup .login-label {

  display: block;

  clear: both;

  font-size: 20px;

  color: #000;

  padding-bottom: 9px;

  border-bottom: 1px solid #d8d8d8;

  margin-bottom: 25px;

  text-align: center;

}

#header .user-popup .no-account a {

  float: right;

  color: #000;

  font-size: 13px;

}

#header .user-popup .form-group {

  margin-bottom: 7px;

}

#header .user-popup .form-control {

  background-color: #fff;

  border-color: #e5e5e5;

  font-size: 14px;

  line-height: 15px;

  padding: 16px 10px;

}

#header .user-popup .form-control:focus {

  outline: none;

}

#header .user-popup .permanentLogin {

  display: inline-block;

  vertical-align: middle;

  margin: 0 6px;

}

#header .user-popup .permanentLogin-label {

  color: #000;

  font-size: 14px;

  display: inline-block;

  vertical-align: middle;

}

#header .user-popup #submit-login {





}

#header .user-popup .forgot-password a {

  display:block;

  margin:15px 0px;

  font-size:12px;

}

#register-link-popup{

  display:block;

}



/*mobile header*/

div#_mobile_content_right {

  position: absolute;

  right: 16px;

  top: 15px;

}

div#_mobile_content_right > * {

  float: right;

  margin-left: 20px;

}





#header .header-top {

  padding: 0px 15px;

}

#header .header-top .header-top-container{

  height:80px;

}

#header .header-top .header-top-container#busqueda{

  padding-top:20px;

  padding-bottom:20px;

}

#header .header-top .header-top-container#mini_menu{

  padding-top:20px;

  padding-bottom:20px;

}

#header .header-top .header-top-container#_desktop_logo{

  padding-top:10px;

  padding-bottom:10px;

}





/* SEARCH */

#header .header-top div#search_widget {

  float: none; 

  width: auto; 

  display: block;

  min-width: auto!important;

  max-width:none;

  margin: auto;

}

div#search_widget form{

  position:static;

  display:block;

  padding:0px 30px;

  border:1px solid #C9C9C9;

  border-radius: 40px;

}

div#search_widget .closesearch {

  font-size: 18px;

  color: black;

  cursor: pointer

}

div#search_widget form input[type=text]{

  border: none;

  padding: 7px 0 7px 0px;

  width: 100% !important;

  height: 40px;

  font-size: 13px;

  color: #8e8e93;

  background-color: #fff;

  display: inline-block;

  vertical-align: middle;

}

.search-widget form button[type=submit] {

  position: absolute;

  background: none;

  border: none;

  padding: 0;

  color: #8e8e93;

  vertical-align: middle;

  display: inline-block;

  width: 22px;

  height: 40px;

  margin-right: 6px;

}









/* MINI MENU */

#mini_menu{

  text-align:right;

}

#mini_menu #msj_soporte .verde{

  color:#9AC628;

}

#mini_menu #msj_soporte,

#header #mini_menu #_desktop_cart,

#header #mini_menu #_desktop_user_info {

  float: none;

  display:inline-block;

  vertical-align: middle;

  margin:0px;

  margin-right: 35px;

}

#mini_menu #msj_soporte {

  line-height: 40px;

}

@media(max-width: 1199px) {

  #mini_menu #msj_soporte,

  #header #mini_menu #_desktop_cart,

  #header #mini_menu #_desktop_user_info {

    margin-right: 14px;

  }

}



/* MENU */

#menu_holder{

  color:#595959;

  background:#E3E3E3;

}



/*mobile header*/

/*BORRRRAARRRR*/

#index #wrapper, #footer {

  overflow: hidden;

}

#wrapper{

  padding-top:0px;

}

/* DESPLEGABLE CART */

#_desktop_cart .blockcart-popup {

  position: fixed;

  top: 0;

  right: -404px;

  width: 394px;

  height: 100vh;

  background-color: #fcfaf1;

  z-index: 999;

  padding: 30px;

  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);

  transition: right 300ms ease-in-out;

}

#_desktop_cart .blockcart-popup.open {

  right: 0;

  transition: right 300ms ease-in-out;

}

#_desktop_cart .blockcart-bg {

  display: none;

  position: fixed;

  top: 0;

  left: 0px;

  width: 100vw;

  height: 100vh;

  background-color: #000;

  z-index: 998;

  opacity: 0.5;

}

#_desktop_cart .blockcart-bg.open {

  display: block;

}

#_desktop_cart .blockcart-popup .close-popup {

  float: right;

  height: 15px;

}

#_desktop_cart .blockcart-popup .close-popup:before {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(45deg);

  margin-bottom: 7px;

}

#_desktop_cart .blockcart-popup .close-popup:after {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(-45deg);

  margin-left: -15px;

  margin-bottom: 7px;

}

#_desktop_cart .blockcart-popup .title-popup {

  display: block;

  clear: both;

  font-size: 16px;

  color: #000;

  padding-bottom: 10px;

  border-bottom: 1px solid #d8d8d8;

  font-weight: bold;

}

#_desktop_cart .blockcart-popup .shipping-free {

  display: inline-block;

  font-size: 14px;

  color: #000;

  line-height: 20px;

  margin-top: 15px;

  margin-bottom: 5px;

}

#_desktop_cart .blockcart-popup #cart-list {

  font-size: 0;

  max-height: -webkit-calc(100vh - 265px);

  max-height: -moz-calc(100vh - 265px);

  max-height: calc(100vh - 265px);

  overflow-y: auto;

}

#_desktop_cart .blockcart-popup #cart-list .product-item {

  padding: 15px 0 10px;

  border-bottom: 1px solid #deddd8;

}

#_desktop_cart .blockcart-popup #cart-list .product-image {

  display: inline-block;

  vertical-align: top;

  width: 33%;

}

#_desktop_cart .blockcart-popup #cart-list .product-image img {

  max-width: 100%;

  height: auto;

}

#_desktop_cart .blockcart-popup #cart-list .product-description {

  display: inline-block;

  vertical-align: top;

  width: 42%;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-name {

  text-transform: capitalize;

  font-size: 14px;

  color: #000;

  font-weight: bold;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .description {

  display: block;

  font-size: 13px;

  color: #000;

  margin-top: 15px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-attributes {

  margin-bottom: 0;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-attributes span {

  display: block;

  font-size: 13px;

  text-transform: capitalize;

  color: #000;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-quantity {

  margin-bottom: 15px;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-quantity span {

  display: block;

  font-size: 13px;

  text-transform: capitalize;

  color: #000;

}

#_desktop_cart .blockcart-popup #cart-list .product-description .product-delete {

  display: block;

  font-size: 13px;

  color: #777;

  text-decoration: underline;

}

#_desktop_cart .blockcart-popup #cart-list .product-price {

  display: inline-block;

  vertical-align: top;

  width: 25%;

  text-align: right;

}

#_desktop_cart .blockcart-popup #cart-list .product-price .price {

  font-size: 14px;

  color: #000;

  font-weight: bold;

}

#_desktop_cart .blockcart-popup .cart-bottom .subtotal .name,

#_desktop_cart .blockcart-popup .cart-bottom .discount .name,

#_desktop_cart .blockcart-popup .cart-bottom .shipping .name,

#_desktop_cart .blockcart-popup .cart-bottom .total .name {

  display: inline-block;

  vertical-align: top;

  width: 33%;

  font-size: 16px;

  line-height: 18px;

  text-transform: uppercase;

  color: #000;

  margin-top: 15px;

}

#_desktop_cart .blockcart-popup .cart-bottom .subtotal .value,

#_desktop_cart .blockcart-popup .cart-bottom .discount .value,

#_desktop_cart .blockcart-popup .cart-bottom .shipping .value,

#_desktop_cart .blockcart-popup .cart-bottom .total .value {

  display: inline-block;

  vertical-align: top;

  width: 65%;

  text-align: right;

  font-size: 16px;

  line-height: 18px;

  text-transform: uppercase;

  color: #000;

  margin-top: 15px;

  font-weight: bold;

}

#_desktop_cart .blockcart-popup .cart-bottom .shopping-buy {

  display: block;

  text-align: center;

  background-color: #000;

  color: #fff !important;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: bold;

  padding: 12px 0;

  margin-top: 20px;

}

#_desktop_cart .blockcart-popup .cart-bottom .shopping-list {

  font-size: 13px;

  color: #000;

  font-weight: bold;

  display: block;

  text-align: center;

  margin-top: 40px;

}

div#ps_topbanner_wrapper {

  font-family: Assistant;

  font-size: 15px;

  letter-spacing: 0.5px;

}

div#_desktop_logo {

  padding-top: 6px;

}

.header-top .right-block {/*padding-top: 10px;*/}

div#gdpr_consent a {

  text-decoration: underline;

}

.breadcrumb ol li:last-child a span {

  color: black;

}

#header .header-nav .top-logo#_mobile_logo h1{ 

  margin: 0;

  line-height: 0;

}

@media(max-width: 991px){

  .header-top .right-block {

    width:100%;

  }

  .search-widget form button[type=submit] {

    position: absolute;

    top: 0px;

    right: 0px;

  }

  #header .header-top {

    padding: 23px 0px 0px;

  }

  .header-top .right-block {

    position: fixed!important;

    left: 0px;

    right: 0px;

    top: 71px;

    z-index: 100;

    visibility: hidden;

    /* display: none !important; */

    background: white;

    padding-top: 0px;

    transition: all 0.5s ease;

  }

  .header-top .right-block > *:not(#search_widget):not(#lgcookieslaw_banner) {

    display: none;

  }

  #header .header-top .position-static.text-left {

    display: none;

  }

  #header .header-nav .top-logo#_mobile_logo {

    width:100px;

    max-width: 137px;

    display: inline-block;

    margin: 4px 55px 5px 0px;

  }



  /* SEARCH */

  #header .header-top .search-widget form input {

    width: calc(100% - 55px)!important;

    height: 46px;

    border: none;

  }



  #header .header-top #busqueda{

    padding:5px !important;

    position: fixed;

    width: 100%;

    top: 70px;

    z-index: 10;

    height:auto;

  }

  div#_mobile_search {

    cursor: pointer;

    margin-left: 0px;

    width: 30px;

  }

  #header .header-top .search-widget{

    height: 0px;

    position: relative;

    transition: all 0.5s 0.5s ease;

    width: 100%;

    float: none;

    visibility: initial;

    max-width: initial;

    margin: 0px -15px;

  }

  #header .header-top .search-widget form{

    padding-top: 3px;

    width: 100%;

    z-index: 10; /* to position it in front of the other content */

    position: absolute;

    left: -1000px;

    transition: all .5s ease; /* our nice transition */

    display:none;

  }

  #header .header-top .search-widget.isShow{

    height: 50px;

    transition: all 0.4s 0s ease;

    margin: 0px !important;

    -webkit-box-shadow: 0px 28px 95px -34px rgba(0,0,0,0.56);

    -moz-box-shadow: 0px 28px 95px -34px rgba(0,0,0,0.56);

    box-shadow: 0px 28px 95px -20px rgba(0,0,0,0.56);

  }



  header.isScroll .header-top .right-block{

    top: 44px;

    transition: all 0.5s ease;

  }

  #header .header-top .search-widget form {

    padding:0px 15px;

  }

  #header .header-top .search-widget.isShow form{

    transition: all .5s ease;

    left: 0px;

    display: block;

    background: white;

    top: 0px;

  }

  #header .header-top .search-widget form input::-webkit-input-placeholder, #header .header-top .search-widget form input::-moz-placeholder, #header .header-top .search-widget form input:-ms-input-placeholder, #header .header-top .search-widget form input:-moz-placeholder{

    font-style: italic;

    text-transform:lowercase

  }

  .search-widget form button[type=submit] {

    float: none;

    margin-top: 2px;

    margin-right: 10px;

  }

  div#search_widget form input[type=text] {

    background-color: transparent;

  }



  .header-nav .hidden-lg-up.text-sm-center.mobile {

    position:relative;

    text-align: center;

  }



}

@media(max-width:767px) {

  .header-top .right-block {

    top: 71px;

  }

  header.isScroll .header-top .right-block{

    top: 55px;

  }

  .header-nav .hidden-lg-up.text-sm-center.mobile {

    text-align:left;

  }

  #header .header-nav .top-logo#_mobile_logo {

    margin: 0px 55px 0px 10px

  }	

  #cms section#wrapper {

    padding-top: 0px;

  }

  #header .col-md-3.col-sm-12.position-static.right-block {

    min-height:0px !important;

  }

  .lgcookieslaw_button_container {

    display: block!important;

  }

  .lgcookieslaw_button_container > div {

    width: 100%;

    display: block!important;

  }



}

@media(max-width:340px) {

  div#_mobile_user_info {

    margin-left: 7px;

  }

  div#_mobile_cart,div#_mobile_wishlist {

    margin-left: 8px;

  }



}



/* LANGUAGE */

div#_desktop_language_selector {

  float: right;

  line-height:35px;

  color:#fff;

}

i.material-icons.language-icon:before {

  content: "";

  background: url(../img/svg/idioma.svg) no-repeat;

  display: inline-block;

  background-size: 100%;

  width: 15px;

  height: 19px;

}

div#_desktop_language_selector .dropdown-menu {

  max-width: 100px !important;

  min-width: 80px !important;

}

div#_desktop_language_selector .dropdown .expand-more{

  color:#fff;

}

@media(max-width: 1319px) {

  div#_desktop_language_selector .dropdown .expand-more {

    width: 24px;

    text-align: center;

    margin-left: -7px;

  }

}

@media(max-width: 1199px) {

  div#_desktop_language_selector {

    line-height: 20px;

  }

  div#_desktop_language_selector .dropdown .expand-more {

    width: auto;

    margin-left: -5px;

  }

}



/* LINKS */

#header .header-banner .contentlinkblock {

  float: right;

}

#header .header-banner .contentlinkblock ul {

  margin: 0;

}

#header .header-banner .contentlinkblock ul li {

  display: inline-block;

  vertical-align: middle;

  padding: 0 10px;

  font-weight: normal;

}

#header .header-banner .contentlinkblock ul li a {

  color: #fff;

  line-height: 35px;

}

@media(max-width: 1319px) {

  #header .header-banner .contentlinkblock ul li {

    padding: 0 4px;

  }

}

@media(max-width: 1199px) {

  #header .header-banner .contentlinkblock {

    height: 30px;

  }

}

@media(max-width: 991px) {

  #header .header-banner .contentlinkblock {

    display: none;

  }

}



#pagenotfound section#wrapper {

  padding-bottom: 100px;

  padding-top: 100px;

  background-image: url(../img/bg_404.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

#pagenotfound #content-wrapper i#fakeSearch {

  display: none;

}

body#pagenotfound div#search_widget .closesearch {

  display: none;

}

body#pagenotfound .search-widget form button[type=submit] {

  left: initial;

  float: none;

}

#pagenotfound div#content-wrapper {

  padding-left: 50%;

}

#pagenotfound section#content {

  margin: 0px;

  background: #fff; 

}

#pagenotfound h1 {

  font-weight: normal;

  color: #7d7d7d; 

}

#pagenotfound h4, #pagenotfound p{

  color: black

} 

#pagenotfound .page-content #search_widget {

  margin-top: 12px;

  height: 40px;

}

#products .page-not-found {

  box-shadow: none;

}

#stores .page-stores .store-item-container .divide-left {

  border-left: none;

}

.card {

  box-shadow: none;

}

@media(min-width:1200px) and (max-width:1365px) {

  #header .header-top .search-widget {

    width: 23px;

  }

}

@media(max-width:480px) {

  #header .user-popup {

    width:100vw;

    right:-480px;

  }

}





/* Modal para mensajes */

#modal_msg_holder{

  position:fixed;

  top:0;

  left:0;

  z-index:99999999999;

  display:flex;

  justify-content:center;

  align-items:center;

  width:100vw;

  height:100vh;

  background:rgba(0,0,0,0.5);

  padding:30px;

}

#modal_msg{

  position:relative;

  width:100%;

  max-width:800px;

  padding:30px;

  padding-top:50px;

  background:#fff;

}

#modal_msg span.msg{

  display:block;

  margin:5px 0px;

  padding:7px;

  border-bottom:1px solid #ccc;

  border-left:5px solid #ccc;

}

#modal_msg span.msg.msg_error{

  border-color:#e20000;

}

#close_modal_msg{

  position:absolute;

  top:15px;

  right:15px;

  width:15px;

  height: 15px;

  cursor: pointer;

}



#close_modal_msg:before {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(45deg);

  margin-bottom: 7px;

  cursor: pointer;

}



#close_modal_msg:after {

  content: '';

  border-bottom: 1px solid #000;

  width: 15px;

  display: inline-block;

  transform: rotate(-45deg);

  margin-left: -15px;

  margin-bottom: 7px;

  cursor: pointer;

}







.fullwindow{

  width: 100vw;

  margin-left: calc(-50vw + 50%);

}







/* CMS */

.page-content.page-cms{

  padding: 0px;

  padding-top: 40px;

  color:#494946;

  font-size: 18px;

}

.page-content.page-cms .bold, .page-content.page-cms .bold p{

  font-weight: 700;

}



.page-content.page-cms .row{

  margin-top:40px;

  margin-bottom:40px;

}

.page-content.page-cms h4{

  margin-bottom:20px;

  font-size:24px;

  text-align:center;

}

.page-content.page-cms p{

  margin-bottom:20px;

  color:#494946;

  font-size: 18px;

}

.page-content.page-cms a{

  font-weight:700;

  color: #d1138a;

}

.page-content.page-cms span{

  font-weight: 400;

}

.page-content.page-cms ul{

  padding-left:30px;

}

.page-content.page-cms ul li{

  list-style: disc;

  margin-bottom: 30px;

}

.page-content.page-cms table td, .page-content.page-cms table th{

  padding:10px;

}

.page-content.page-cms table td.minwidth, .page-content.page-cms table th.minwidth{

  min-width:200px;

}

.page-content.page-cms table tr:nth-child(odd) td{

  background:#f0f0f0;

}









/* PRODUCT FLAG */

.product-flags{

  top:0;

  width:100%;

  position: absolute;

  z-index: 9;

}

.product-flag{

  margin:5px;

  line-height:50px;

  display: block;

  height:50px;

  width:50px;

  color: #fff;

  font-weight: 700;

  font-size:14px;

  border-radius:50%;

  color:#fff;

  text-align: center;

  overflow:hidden;

  white-space: nowrap;

}



.product-flag.new{

  background:#9acb2b;

}

.product-flag.on-sale{

  background:#d1138a;

}