@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
 body {
       font-family: 'Montserrat', sans-serif;
     background: url('../images/mama_2022_fondo.jpg');
    background-attachment: fixed;
}
 


/*
 body:after{
   content: '';
  background: url(https://www.tupi.com.py/assets/images/mama_2022_corazones.png);
  position: fixed;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 10;
 }
*/
header {
    padding-top: 20px;
    /*~ .container {
      transition: .2s linear all;
        padding-top: 0px;
    }*/ 
    background: url(https://www.tupi.com.py/assets/images/mama_2022_corazones.png);
    top: -10px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10;
    position: static;
    background-repeat: repeat-x;
    background-position: 0 -20px;
  
  }


  header.scrolled {
  
    background: url(https://www.tupi.com.py/assets/images/mama_2022_corazones.png) repeat-x;
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 89px;
    z-index: 10;
  
  }



 header {
  /*~ .container {
     transition: .2s linear all; 
     padding-top: 0px;
  }
  */
}
 header .header-row {
   flex-wrap: nowrap;
}
 header .wizemen-logo-column img {
   max-width: 18vw;
}
 header .searchform-column {
   flex: 1 0 calc(100% - 30vw);
       margin-top: 19px;
}
 header .searchform-column form {
   width: 100%;
}
 header .searchform-column form .searchinput input.form-control {
   background: white;
   border: 2px solid #df4e80;
   border-bottom-width: 3px;
   border-radius: 100px;
   height: 3vw;
}
 header .searchform-column form .searchinput input.form-control:focus {
   box-shadow: 0 0 0 0.25rem rgba(247, 197, 116, .2);
}
 header .searchform-column form .searchsubmit button {
   height: 3vw;
   width: 3vw;
   display: block;
   border-radius: 100px;
   background: url('../gfx/lupa.svg') no-repeat center center #df4e80;
   background-size: 1.7vw;
   border: none;
}
 header .tupi-logo-column a {
   display: block;
}
 header .tupi-logo-column a:hover {
   cursor: pointer;
}
 header .tupi-logo-column img {
   max-width: 8vw;
}
 header .badge-column img {
   max-width: 6vw;
}
 header.scrolled {
   position: fixed;
   z-index: 10;
   
   width: 100%;
   padding: 4px 0 0 0;
}
 header.scrolled .header-row {
   margin: 3px 0 10px 0;
}
 header.scrolled .wizemen-logo-column, header.scrolled .tupi-logo-column, header.scrolled .badge-column {
   display: none;
}
 header.scrolled ~ .container {
   padding-top: 154px;
}
 section#wizemen-content {
   border-radius: 12px;
   padding: 32px 12px 62px 12px;
   margin-top: -30px;
}
 section#wizemen-content .title_container h3 {
       color: white;
    font-weight: bold;
    font-size: 24px;
}

a.btn_volver_tupi {
    color: white;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 4px;
    font-size: 12px;
    padding: 8px 12px;
}
 footer {
   background: url('../images/footer.svg') no-repeat top center;
   background-size: cover;
   margin-top: -80px;
}
 footer img.footerlogo {
   max-width: 7vw;
}
 footer img.footerhilux {
   max-width: 10vw;
   display: block;
   margin-left: auto;
}

.products.columns-4{
  background: none transparent;
}

.bloquehome .add_to_cart_button{
  background-color: #df4d80;
  text-decoration: none;
  color: white;
  box-shadow: 2px 3px 0px 0px #df4e80;
  transition: all .2s linear;
}

.bloquehome .add_to_cart_button:hover{
  box-shadow: none;

}
.products.turbolist .nombre_producto_ug a{
  color:  #df4e80 !important;
  font-weight: bold;
}

.prod_verdetalleslink{
  color:  white;
  border-color:  white;
}

.turbolist p.contadocuota{
  color: white !important;
}

.tigomoney_home {
    margin-top: 16px;
}
.product_code{
  color:  #df4e80 !important;
  background:  none transparent !important;
}

ul.products.turbolist .badge.badge-success{
  color:  white !important;
}


.barradebusqueda{
  align-items: center;
  margin: 16px 0 0 0;
}
.barradebusqueda
.titulobusqueda{
  margin: 10px 0 6px 0;
  text-align: left;
  align-items: flex-start;
  padding: 0 12px 0 14px;
  color: white;
  font-weight: bold;
}

.barradebusqueda select{

    font-family: "Montserrat", sans-serif;
    width: 98%;
    border-radius: 4px;
    border: none;
    margin-left: 3px;
    font-weight: bold;
    padding: 12px;
    height:  50px;
    min-width: 200px;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  margin:  0 6px;
  border-radius: 4px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: white;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}


/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: black;
  padding: 8px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 4px;
  font-size: 13px;
}

.select-selected{
  font-weight: bold;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius:  6px;
  border:  1px solid #D6D6D6;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.bloquehome .add_to_cart_button .precio_tachado{
  color: white;
}

 @media screen and (max-width: 777px) {


    .barradebusqueda select{
    margin-bottom:  2px;
    width: 100%;
  }

  .barradebusqueda .unselect{
    width:  100%;
  }

   header .header-row {
     flex-wrap: wrap;
     margin: 9px 0 22px 0;
  }
   .wizemen-logo-column {
     order: 1;
  }
   .tupi-logo-column {
     order: 2;
  }
   .badge-column {
     order: 3;
  }
   .searchform-column {
     order: 4;
  }
   header.searchform-column {
     padding: 7px;
  }
   header .wizemen-logo-column, header .tupi-logo-column, header .badge-column {
     flex: 0 1 23vw;
     padding: 0;
     text-align: center;
  }
   header .wizemen-logo-column img {
     max-width: 35vw;
  }
   header .tupi-logo-column img {
     max-width: 24vw;
  }
   header .badge-column img {
     max-width: 20vw;
  }
   section#wizemen-content {
     margin-top: 12px;
     padding: 12px 12px 62px 12px;
     text-align: center;
     justify-content: center;
  }
   section#wizemen-content .title_container h3 {
     font-size: 20px;
     padding: 0 0 12px 0;
     margin: 0;
  }
   header .searchform-column {
     margin: 10px 0 0 0;
     flex: 1 0 100%;
  }
   header .searchform-column .searchinput {
     flex: 1 0 70%;
     padding-top: 0;
     margin: 0;
  }
   header .searchform-column .searchsubmit {
     padding: 0;
     margin: 0;
  }
   header .searchform-column form .searchinput input.form-control {
     height: 13vw;
  }
   header .searchform-column form .searchsubmit button {
     height: 13vw;
     width: 13vw;
     background-size: 6vw;
  }
   footer {
     margin: 0;
     padding: 32px 0 32px 0;
  }
   footer img.footerlogo {
     max-width: 26vw;
  }
   footer img.footerhilux {
     max-width: 32vw;
     display: block;
     margin-left: auto;
  }
}
 @media (min-width: 630px) and (max-width: 767px) {
   header .wizemen-logo-column img {
     max-width: 28vw;
  }
   header .tupi-logo-column img {
     max-width: 18vw;
  }
   header .badge-column img {
     max-width: 14vw;
  }
}
 @media (min-width: 698px) and (max-width: 770px) {
   header .wizemen-logo-column, header .tupi-logo-column, header .badge-column {
     flex: 0 1 20vw;
  }
   header .tupi-logo-column img {
     max-width: 16vw;
  }
   header .searchform-column form .searchinput input.form-control {
     height: 8vw;
  }
   header .searchform-column form .searchsubmit button {
     height: 8vw;
     width: 8vw;
  }
   header .searchform-column form .searchsubmit button {
     height: 8vw;
     width: 8vw;
     background-size: 4vw;
  }
}
 @media (min-width: 759px) and (max-width: 767px) {
   header .wizemen-logo-column img {
     max-width: 27vw;
  }
}
 @media (max-width: 980px) {
   section#wizemen-content {
     margin-top: 0;
  }
   footer {
     margin-top: -60px;
  }
}
 @media (min-width: 778px) and (max-width: 979px) {
   header .searchform-column form .searchinput input.form-control {
     height: 5vw;
  }
   header .searchform-column form .searchsubmit button {
     height: 5vw;
     width: 5vw;
  }
}
/* @media screen and (min-width: 980px){
   */
   header.scrolled .header-row {
     margin: 5px 0 10px 0;
  }
  /* 
}
 @media screen and (min-width: 629px){
   header.scrolled{
     ~ .container {
       padding-top: 154px;
    }
  }
}
 */