:root {
  --color-white: #fff;
  --color-black: #000;
  --color-primary: #212121;
  --color-secondary: #fff;
  --color-third: #ffda00;
  --color-hover: #444;
  /* button */
  --bg-primary: #212121;
  --bg-secondary: #ffda00;
  --bg-third: #fff;
  --bg-fourth: #ffdfd0;
  --bg-disabled: #efefef;
  --color-disabled: #5c5b5b;

  /* border */
  --border-primary: #212121;
  --border-secondary: #ffda00;
  --border-third: #fff;

  /* search */
  --bg-search: #ffda00;

  /* clock */
  --bg-clock: #212121;
  --bg-clock-secondary: #fff;
  --color-clock: #fff;
  --color-clock-secondary: #212121;
  /* footer */
  --bg-footer: #212121;
  --border-inputfooter: #212121;
  /* box */
  --bg-boxdto: #212121;
  --color-retiro: #212121;
  --bg-retiro: #fff;
  --color-envioGratis: #212121;
  --bg-envioGratis: #ffda00;
  --bg-dto: #ffda00;
  --color-dto: #212121;
  /* category */
  --bg-category: #212121;
  /* carrito */
  --bg-cart: #212121;
  /* user */
  --bg-user: #212121;
}

* {
  font-family: "Poppins";
}

/* home */
.brand-slider {
  display: none;
}

/* Header */
.upper {
  background: var(--bg-secondary);
  color: var(--color-black);
}

.upper2 {
  background: var(--bg-primary);
}

a#mdf_cp,
a#mdf_cp_nogeo {
  color: var(--color-primary);
}

.SEARCH_BOX fieldset {
  border: solid 1px var(--border-primary);
}

.SEARCH_BOX .search_submit {
  background: var(--bg-search);
}

.CART_BOX .cart-button .items {
  background: var(--bg-primary);
  color: var(--color-third);
  border: solid 1px var(--border-primary);
}

.CART_BOX .cart-window .btn {
  background: var(--bg-primary);
  color: var(--color-white);
}

.CART_BOX .cart-window .btn:hover {
  background: var(--bg-secondary) !important;
  border-color: var(--bg-secondary) !important;
  color: var(--color-black);
}

#modal_cp .oca-cp {
  color: var(--color-primary);
}

#modal_cp .modal__close {
  background: var(--bg-primary);
}

#modal_cp .modal__close:hover {
  background: var(--bg-secondary);
  color: var(--color-black);
  border-color: var(--border-secondary);
}

#mmenu .mmenuHeader {
  background: var(--bg-footer);
}

.navbar-default .navbar-brand {
  margin-top: 10px;
}

.cp-container.visible-xs.visible-sm {
  margin-top: 15px;
}

.MENU_MAIN .nav > li > a:hover::before,
.MENU_MAIN .nav > li:hover > a::before {
  background-color: var(--color-primary);
}

#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a:hover {
  color: var(--color-hover) !important;
}

#modal-search-predictive #result-predictive .title {
  color: var(--color-primary);
}

#modal-search-predictive .btnViewAll button,
#modal-search-predictive .btnViewAll a {
  background: var(--bg-primary) !important;
}

#modal-search-predictive .btnViewAll button:hover,
#modal-search-predictive .btnViewAll a:hover {
  background: var(--bg-secondary) !important;
  border-color: var(--border-secondary) !important;
  color: var(--color-black) !important;
}

.owl-dots .active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

#modal-search-predictive .category_container a:hover {
  color: var(--color-hover);
}

#container-predictive h2 {
  color: var(--color-primary);
}

/* reloj */

.Clock {
  background: var(--bg-clock);
}

.Clock h1 {
  color: var(--color-clock);
}

.Clock h2 {
  color: var(--color-clock);
}

.Clock h3 {
  color: var(--color-clock);
}

.Clock .counter {
  background: var(--bg-clock-secondary);
}

.Clock .counter .reloj {
  width: 100% !important;
}

/* Footer */
footer .upper {
  background: var(--bg-footer);
}

.form-newsletter input.form-control {
  border: solid 1px var(--border-inputfooter);
  z-index: 0;
  position: relative;
}

.form-control:focus:not(.autocomplete-search) {
  border: solid 1px var(--border-inputfooter) !important;
  border-color: var(--border-inputfooter) !important;
}

.form-newsletter button {
  background: var(--bg-primary);
  z-index: 1;
}

.grecaptcha-badge {
  z-index: 2;
}

.form-newsletter button:hover {
  background: var(--bg-secondary);
  border-color: var(--border-secondary);
  color: var(--color-black);
}

footer .menu_footer h4 {
  color: var(--color-primary);
}

footer .menu_footer ul li a:hover {
  color: var(--color-hover);
}

footer .socials li {
  color: var(--bg-footer);
}

/* box  */

.badge-financiacion {
  background: var(--bg-primary) !important;
  border: 1px solid var(--bg-primary) !important;
}

/* badge envio gratis  ************************/
.badge-enviogratis,
.badge-retiraya {
  color: var(--color-envioGratis);
  font-size: 13px;
  background-color: var(--bg-envioGratis);
  display: flex;
  padding: 2px 5px;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: auto;
  line-height: 1em;
  border-radius: 5px;
}

.badge-retiraya {
  color: var(--color-retiro);
  background-color: var(--bg-retiro);
}

.BUTTONBUY, input[type=submit] {
  background: var(--bg-primary) !important;
  color: var(--color-white) !important;
  padding: 10px 20px !important;
}

.Cart .BUTTONBUY {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-white);
}

.BUTTONBUY:hover, input[type=submit]:hover {
  background: var(--bg-secondary) !important;
  color: var(--color-black) !important;
  border-color: var(--border-secondary) !important;
}

.Cart .BUTTONBUY:hover {
  background: var(--bg-secondary);
  color: var(--color-black);
  border: 1px solid var(--border-secondary);
}

.price_wrapper {
  height: 80px;
  justify-content: center;
  align-items: center;
}

.tachado,
.badge-dto {
  margin-top: 5px;
  margin-bottom: 10px;
}

.badge-dto {
  padding: 5px;
  background: var(--bg-dto);
  color: var(--color-dto);
}

.badge-new {
  background: var(--bg-boxdto) !important;
}

.badge-preventa {
  color: var(--color-primary) !important;
  background: linear-gradient(
      129.21deg,
      var(--bg-clock) 0%,
      var(--bg-clock) 33.33%,
      var(--bg-clock) 66.67%,
      var(--bg-clock) 100%
    ),
    #ffffff !important;
  border-color: var(--color-primary) !important;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: var(--color-hover);
}

/* Pagina de categoria */
.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm):hover,
.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm).checked {
  color: var(--color-primary);
}

.accordion-body:not(.filter-1):not(.filter-2)
  .filter_area
  a:not(.vm):hover::after,
.accordion-body:not(.filter-1):not(.filter-2)
  .filter_area
  a:not(.vm).checked::after {
  background: var(--bg-primary);
}

.noUi-handle {
  background: var(--bg-primary) !important;
}

.noUi-connect {
  background: var(--bg-secondary) !important;
}

.btn-default.filterprices {
  background: var(--bg-primary) !important;
}

.btn-default.filterprices:hover {
  background: var(--bg-secondary) !important;
}

.filter-2 .filter_area a:hover {
  border-color: var(--color-primary);
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: var(--bg-primary);
}

.tooltip-inner {
  background: var(--bg-primary);
}

.filter_applied a {
  border: 1px solid var(--bg-primary) !important;
  color: var(--color-primary) !important;
}

.filter_applied a:hover {
  background: var(--bg-primary) !important;
  color: var(--color-white) !important;
}

/* PDP */

.linkDescription {
  color: var(--color-primary);
}
.linkDescription:hover {
  color: var(--color-primary);
}

a.btn-calc2 {
  color: var(--color-primary);
}

#containetPostalCode #searchPostalCode .input-group .searchPC {
  background: var(--bg-primary);
}

#containetPostalCode #txtSearchPostalCode {
  color: var(--color-secondary);
}

.TabShippingPickupContainer .titlePC a,
.titleAllStore a {
  color: var(--color-primary);
}

.BUY .BUTTONBUY.b1 {
  background: var(--bg-primary);
}

.BUY .BUTTONBUY.b2 {
  background: var(--bg-third)!important;
  border: 1px solid var(--border-primary)!important;
  color: var(--color-primary)!important;
}

.BUY .BUTTONBUY.b1:hover,
.BUY .BUTTONBUY.b1:focus,
.BUY .BUTTONBUY.b1:active {
  background: var(--bg-secondary);
  color: var(--color-black);
}

.BUY .BUTTONBUY.b2:hover,
.BUY .BUTTONBUY.b2:focus,
.BUY .BUTTONBUY.b2:active {
  background: var(--bg-primary)!important;
  border: 1px solid var(--color-primary)!important;
  color: var(--color-white)!important;
}

.bloques-info svg {
  display: none;
}

.bloques-info .btn-calc {
  display: none;
}

div#RELATED.anchor {
  max-width: 100% !important;
}

.PRODMENU .prodmenu-nav li.active a::before,
.PRODMENU .prodmenu-nav li a:hover:before {
  background: var(--color-primary);
}

.PRODUCT_BOX_RELATED_PDP .badge-financiacion {
  width: 145px;
}

#shipping-option .shipping-PDP li label .sh_price,
#shipping-option .gratis {
  color: var(--color-primary);
}

.map-container-PDP .container-store a:hover,
#panelTabShippingPickup .nav-tabs > li a:hover {
  color: var(--color-primary);
}

/* Modales */

.modal-title {
  margin-left: 10px;
}

.modal-header {
  background: var(--bg-footer);
}

#all-sucursales-pickup .pickup-now-title h4.pickup-now-txt .now {
  color: var(--color-primary);
}

.modal-footer .btn {
  background: var(--bg-primary);
}

.modal-footer .btn:hover {
  background: var(--bg-secondary) !important;
  border-color: var(--bg-secondary) !important;
}

.modal-body .BUTTONBUY {
  background: var(--bg-primary);
}

.modal-body .BUTTONBUY:hover {
  background: var(--bg-secondary);
}

/* cart */

.backsite a,
.backsite.bk2.add a {
  color: var(--color-primary) !important;
}

.Cart aside .BUTTONBUY,
.cupon_wrapper .cupon button {
  background: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
}

.Cart aside .BUTTONBUY:hover,
.cupon_wrapper .cupon button:hover {
  background: var(--bg-secondary) !important;
  border-color: var(--bg-secondary) !important;
}

.cupon_wrapper .cupon input {
  background: var(--bg-third);
}

.loginbuttons a {
  color: var(--color-primary);
}

.loginbuttons a:hover {
  color: var(--color-secondary);
}

body.Cart #wrap > .container > .row > aside .card.violet,
body.Cart #wrap > .container > .row > div .card.violet,
.card.violet.no-shadow {
  background: var(--bg-third);
  border: 1px solid var(--color-primary);
}

.cupon_wrapper .cupon .title {
  color: var(--color-primary);
}

.cupon_wrapper .cupon #cupon.in,
.cupon_wrapper .cupon #cupon.collapsing {
  background: var(--bg-third);
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
  background: var(--bg-primary);
}

.cart-lupa-cp {
  background: var(--bg-primary);
}

.cart-lupa-cp:hover {
  background: var(--bg-secondary) !important;
}

.ship-postal-code-idk {
  color: var(--color-primary) !important;
}

.ship-postal-code-idk:hover {
  color: var(--color-secondary) !important;
}

.container_close a,
body.Cart.Order aside h3 {
  color: var(--color-primary);
}

.selected-postalcode {
  color: var(--color-primary);
}

#ship-send label.active {
  border-color: var(--color-primary);
  background: var(--bg-third);
}

.gratis {
  color: var(--color-primary);
}

.btn-submit {
  background: var(--bg-primary);
}

.btn-submit:hover,
.btn-submit:active {
  background: var(--bg-secondary);
}

/* select:focus > option:checked {
    background-color: var(--bg-primary) !important;
    color: var(--color-white) !important;
} */

.checkStep::before {
  background: var(--bg-primary);
}

.SwitchOn {
  background: var(--bg-primary) !important;
}

#backToGrouper {
  background: var(--bg-primary) !important;
}

.Cart .buttonNext input {
  max-width: unset !important;
}

.Cart .buttonNext input,
.jumbotron .btn {
  background: var(--bg-primary) !important;
}

.Cart .buttonNext input:hover {
  background: var(--bg-secondary) !important;
}

.Cart .jumbotron .btn:hover {
  background: var(--bg-secondary) !important;
}

.Cart.Process .BUTTONBUY {
  height: 50px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Cart.Process .FAQ .faq-info,
.Cart.Process #user-section .user_email,
.Cart.Process .jumbotron h2,
.data_container .sub.dto {
  color: var(--color-primary);
}

.Cart.Process .pedido span {
  background-color: var(--bg-cart);
  color: var(--color-white);
}

.Cart.Process .pedido span strong {
  color: var(--color-white);
}
.Cart.Process .pedido span::after {
  border-top: 12px solid var(--bg-cart);
}

#ShippingUpdate .user_wrapper h3 {
  color: var(--color-primary);
}

#USER_DATA .userinfo {
  color: var(--bg-cart);
}

.Favs #product_list span .BUTTONBUY {
  display: none;
}

#SHIPPING .active .item,
#PAYMETHOD .item.active,
#PAYMETHOD .sps-options li.selected {
  background: var(--bg-fourth) !important;
  border-color: var(--color-third) !important;
}

/* calculadora */
#c-pagoModal .modal-body {
  background: var(--color-white) !important;
}

#paytabs [id*="btn_"].active {
  border-bottom: 1px solid var(--color-primary) !important;
}

.conteiner_Close button {
  background: var(--bg-primary);
}

.conteiner_Close button:hover {
  background: var(--bg-secondary);
}

#mapa .mapa-list li a.active {
  border: 2px solid var(--color-primary);
}

#mapa .mapa-list li a:hover,
#mapa .mapa-list li a.active {
  background: var(--bg-third);
}

#mapa .mapa-list .loc-SubText {
  color: var(--color-primary);
}

.loc-type.propio::before {
  background-image: url(/Content/Images/pin-envio-electro.svg);
}

/* user */

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary,
#SiteShippingUpdate .modal-body .BUTTONBUY,
.Orders .user_wrapper table .btn-default {
  background: var(--bg-primary);
}

#_modalRegister
  #User.modal-dialog
  .modal-content
  .user_wrapper
  .btn-primary:hover,
#SiteShippingUpdate .modal-body .BUTTONBUY:hover,
.Orders .user_wrapper table .btn-default:hover {
  background: var(--bg-secondary) !important;
}

#_modalRegister
  #User.modal-dialog
  .modal-content
  .user_wrapper
  .register-button {
  color: var(--color-primary);
}

h5.logueado span {
  color: var(--color-primary);
}

.User .menu_tree a:hover {
  border-color: var(--color-primary) !important;
}

.PRODUCT_BOX:hover {
  outline: unset;
}

.totalorders {
  margin-top: 10px;
  color: var(--bg-primary);
}

.Orders .user_wrapper table th {
  padding: 5px !important;
  background: var(--bg-user);
  color: var(--color-white);
}
.table > thead > tr > th {
  text-align: center;
  vertical-align: middle;
}

.table > tbody > tr > td {
  text-align: center;
  vertical-align: middle;
}

.Orders .user_wrapper > h3.titleName strong {
  color: var(--color-primary);
}

.data_container .subtotales .sub.total.lightblue {
  color: var(--color-clocksecondary);
}

/* paginas de contenido */

.faq_list .item > a {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.faq_list .item .tab-pane {
  border-color: var(--color-primary) !important;
}

.long_desc a {
  color: var(--color-primary);
}

.pcms-contact.btn {
  background: var(--bg-primary);
  padding: 12px 10px;
}

.pcms-contact.btn:hover {
  background: var(--bg-secondary) !important;
}

.comp-button {
  display: none;
}

/* Responsive */
@media (min-width: 1599px) {
}
@media (min-width: 1439px) {
}
@media (min-width: 1199px) {
}

@media (max-width: 991px) {
  .btfilter-open {
    background: var(--bg-category);
  }

  .xheader {
    background: var(--bg-category);
  }

  .PRODMENU .dropdown {
    background: var(--bg-category);
  }

  .PRODMENU .dropdown ul li a {
    background: var(--bg-disabled) !important;
    color: var(--color-black) !important;
    border-top: 1px solid var(--color-disabled);
  }

  .PRODMENU .dropdown ul li a:focus,
  .PRODMENU .dropdown ul li a:hover,
  .PRODMENU .dropdown ul li a.active {
    background: var(--bg-disabled) !important;
    color: var(--color-black) !important;
    border-top: 1px solid var(--color-disabled);
  }

  .conteiner-img .txt {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .PRODUCT_BOX:hover h3 {
    color: var(--color-hover) !important;
  }

  .browse_area1 {
    background: var(--bg-category);
  }

  .conteiner-img .txt {
    font-size: 13px;
  }

  .Cart header {
    background: var(--bg-footer);
  }

  .stepsHeader_mobile {
    padding-top: 10px;
  }

  .Cart.Order .backsite a {
    color: var(--color-white) !important;
  }

  .filter_mobile div {
    color: var(--color-primary);
  }

  .stepsHeader_mobile_move {
    background: var(--bg-cart);
  }

  .stepsHeader {
    background: var(--bg-cart);
  }

  .User .menu_tree a {
    background: var(--bg-user);
  }

  .User .menu_tree a:hover {
    background: var(--bg-primary);
  }

  .Clock .main .info {
    color: var(--color-clock-secondary);
  }

  .Clock .counter .reloj {
    width: 100% !important;
  }

  .PRODUCT_BOX h3 {
    margin-bottom: unset;
  }
}

@media (min-width: 767px) {
  .PRODUCT_BOX:hover h3 {
    color: var(--color-hover) !important;
  }
}

@media (max-width: 479px) {
  .newsletter .form-newsletter {
    width: 100% !important;
  }

  .gridview .PRODUCT_BOX h3 {
    max-width: 162px;
  }

  .btbottom .btn {
    font-size: 1em;
    background: var(--bg-primary);
    height: 40px;
    line-height: 37px;
  }

  .badge-dto {
    padding: 0;
  }

  .PRODUCT_BOX h3 {
    max-width: 131px;
  }

  .BUY .innerbanner span {
    text-align: left;
  }

  .PRODUCT_BOX_RELATED_PDP .badge-financiacion {
    width: 110px;
  }

  #ui_Resumen_mobile .card.violet {
    border: 1px solid var(--bg-primary) !important;
  }

  #ui_Total_mobile {
    background: var(--bg-third);
  }

  .Drop_Up_mobile:hover {
    color: var(--color-primary);
  }

  .badge-financiacion {
    width: 110px !important;
  }
}

.PRODUCT_BOX .price_wo_taxes {
  margin: 10px 0;
  font-size: 12px;
  font-weight: 600;
  color: #616161;
  width: 100%;
  text-align: center;
  order: 4;
}

.PRODUCT_BOX_RELATED_PDP .price_wo_taxes {
  justify-content: start;
}

.PRODUCT_BOX .price_wo_taxes span {
  margin-left: 5px;
}

/*Precio sin impuestos*/
.caja .price_wo_taxes {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 600;
  color: #616161;
  order: 4;
}

.caja .price_wo_taxes span {
  margin-left: 5px;
}

.price_wrapper {
  height: unset !important;
}

@media (max-width: 479px) {
  .PRODUCT_BOX h3 {
    max-width: unset;
  }
}

/* Diseño personlizado - puede no ir */

.BUTTONBUY,
.Clock .counter,
.SEARCH_BOX fieldset,
.form-newsletter button,
.form-newsletter input.form-control,
.BUY .BUTTONBUY.b1,
.BUY .BUTTONBUY.b2,
.PRODMENU .BUTTONBUY,
.CART_BOX .cart-window .btn,
.Process .jumbotron .btn.BUTTONBUY,
.post-user-create,
.btn-default {
  border-radius: 5px !important;
}

footer .newsletter h3,
footer .newsletter p {
  color: var(--color-white);
}

#list-shipping ol li label .info-shipping span.gratis {
  color: var(--bg-secondary) !important;
}

.SEARCH_BOX .search_submit:hover svg {
  opacity: 1 !important;
}

.Clock .main .info {
  font-weight: 600 !important;
  font-family: "Poppins";
  color: var(--color-clock-secondary);
}

.box_data.ajax .badge-dto, .price_onepayment .badge-dto.money, .BUY .price_wrapper .badge-dto {
  background: var(--bg-secondary) !important;
  color: var(--color-black) !important;
}

.price_onepayment .sinTachado, .price_onepayment .sinTachadoTitulo{
    color: #59585a !important;
}

.banner-item img {
  max-height: 635px;
}

ul.shipping-PDP label {
  color: var(--color-primary) !important;
  font-weight: unset;
}

.BUY .price_wrapper .price_wo_taxes {
  font-weight: unset;
}

label {
  color: var(--color-black) !important;
  font-weight: 400 !important;
}


.item.item1 {
	flex-direction: column;
    justify-content: center;
    align-items: center;
	
	& > * {
		padding: 5px;
	}
}

#list-shipping ol li label:hover { color: var(--color-secondary) !important; }