@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
 body {
       font-family: 'Montserrat', sans-serif;
	background-image: url(../images/granferia-navidad-fondo3-2023.png), radial-gradient(circle, rgba(195,20,0,1) 44%, rgba(128,0,0,1) 100%);
	position: relative;
	background-attachment: fixed, fixed;
	background-repeat: repeat-x, no-repeat;
	background-size: 600px, auto;
	background-position: top center, center center;
}
body:after{
	content:'';
	background: url(../images/granferia-navidad-pie-2023.png) repeat-x bottom;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-size: contain;
}
 img.escroleado{
 	display: none;
 }
 header {
  /*~ .container {
     transition: .2s linear all;
     padding-top: 0px;
  }
  */
}
 header .header-row {
   flex-wrap: nowrap;
}
 header .wizemen-logo-column img {
  max-width: 14vw;
}
 header .searchform-column {
   flex: 1 0 calc(100% - 30vw);
}
 header .searchform-column form {
   width: 100%;
}
 header .searchform-column form .searchinput input.form-control {
   background: white;
   border: 2px solid #f7c574;
   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-image: url('../images/lupa_negra_minimal.svg'), radial-gradient(circle, rgba(255,239,176,1) 0%, rgba(255,190,77,1) 103%);
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: 1.7vw, auto;
   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: 12;
   background: #800000;
   width: 100%;
   padding: 4px 0 0 0;
}
 header.scrolled img.noescroleado{
 	display: none;
 }
 header.scrolled img.escroleado{
 	display: block;
 	max-width: 52px;
 }
 header.scrolled .header-row {
   margin: 0px;
}
 header.scrolled .tupi-logo-column, header.scrolled .badge-column {
   display: none;
}
 header.scrolled ~ .container {
   padding-top: 154px;
}

header.scrolled .searchform-column{
	width: 10vw;
}
header.scrolled .searchform-column{
	flex: 1 0 calc(100% - 10vw);
}


 section#wizemen-content {
   border-radius: 12px;
   padding: 32px 12px 62px 12px;
   margin-top: -30px;
}
 section#wizemen-content .title_container{
 	 margin: 40px 0;
 }
 section#wizemen-content .title_container h3 {
    color: white;
    font-weight: bold;
    font-size: 31px;
    margin: 0;
    line-height: 150%;
    text-shadow: 0px 0px 12px black;
}

img.fotorobot{
  border-radius: 12px;
}
p.parrafo{
  color: white;
  font-size: 15px;
}
h4{
      color: white;
    font-weight: bold;
    font-size: 31px;
    margin: 0;
    line-height: 150%;
    margin: 0;
}
h5{
      color: white;
    font-weight: bold;
    font-size: 26px;
    margin: 0;
    line-height: 150%;
        margin: 0 0 20px 0;
}

.bloquehome.compraaqui{
  width: 220px; margin: 0 auto;
}

.bloquehome.compraaqui a{
  font-weight: bold;
    text-transform: uppercase;
}


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;
}

iframe{
	border-radius: 12px;
	padding: 0px;
	border: 1px solid white;
}
header .tupi-logo-column img{
	padding: 5px 0 0 0;
}

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

.bloquehome .add_to_cart_button{
  background-color: #f7c574;
  text-decoration: none;
  color: #271b4f;
  transition: all .2s linear;
  background-image: url(../images/cart_home_2021_negro.svg), radial-gradient(circle, rgba(255,239,176,1) 0%, rgba(255,190,77,1) 103%);
   background-repeat: no-repeat, no-repeat;
   background-position: 7% center, center center;
   background-size: 23px, auto;
}

.bloquehome .add_to_cart_button:hover{
  box-shadow: none;
	background-image: url(../images/cart_home_2021_negro.svg), 
	radial-gradient(circle, rgba(255,239,176,1) 40%, rgba(255,190,77,1) 103%);
}
.products.turbolist .nombre_producto_ug a{
  color:  #f7c574 !important;
}

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

.product_code{
  color:  #f7c574 !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);
}


.c_contenedor_caja_timer{
    background: white;
    position: static;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 11px 1px rgba(0,0,0,.07);
    width: 100%;
    padding: 12px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* margin: 22px 0 0 auto;*/
    margin: 12px 0 12px auto;
    text-align: center;
    flex: 0 1 340px;
    width: 340px;
        z-index: 1;
}

 .c_contenedor_caja_timer{
  width: 280px;
  margin: 0 0 12px auto;
}
.c_contenedor_caja_timer img {
    width: 40px;
}
#c_reloj {
  display: flex;
}
  .c_dias,
  .c_horas,
  .c_minutos,
  .c_segundos{
    padding: 0 6px;
    text-align: center;
}

  .c_dias,
  .c_horas,
  .c_minutos{

}

  .c_dias .c_numero,
  .c_horas .c_numero,
  .c_minutos .c_numero,
  .c_segundos .c_numero {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    line-height: 80%;

} 


  .c_dias .c_texto,
  .c_horas .c_texto,
  .c_minutos .c_texto,
  .c_segundos .c_texto {
  font-weight: normal;
  font-size: 13px;
  display: block;
  padding: 0;
}

.new_chronometer_message {
    font-family: 'Bangers', cursive;
    color: black;
    transform: rotate(-2deg);
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

.landing_cuadro_principal {
    border: 2px solid rgba(187,162,49,1);
    border-radius: 14px;
    background: rgba(187,162,49,.4);
    padding: 30px;
}

.landing_cuadro_principal h4{
  margin-top: 0px;
}
.landing_cuadro_principal h5.titulo_aprovecha{
  margin: 10px auto;
    display: block;
    width: 470px;
    text-align: center;
}


.flechadesktop{
      max-width: 100%;
    width: 100px;
    height: 54px;
    margin: 0 auto;
}
.flechamobile{
      max-width: 100%;
    width: 40px;
    margin: 0 auto;
}
.solodesktop{
  display: block;
}
.solomobile{
  display: none;
}

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

.solodesktop{
  display: none;
}
.solomobile{
  display: block;
}

.landing_cuadro_principal h5.titulo_aprovecha{
  width: 100%;
  font-size: 20px;
    margin-top: 33px;
}
.landing_cuadro_principal h4{
  line-height: 100%;
  font-size: 20px;
}
.landing_cuadro_principal h5{
line-height: 100%;
    margin-top: 10px;
    font-size: 15px;
  }
.landing_cuadro_principal{
  padding: 30px 20px;
}
  p.parrafo{
    font-size: 12px;
    line-height: 140%;
  }

  .barradebusqueda{
  	flex-direction: column;
  }

  .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;
  }
   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: 40px;
  }
   header .searchform-column form .searchsubmit button {
     height: 40px;;
     width: 13vw;
     background-size: 6vw, auto;
  }
   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;
  }
  header .wizemen-logo-column {
    flex: 1 0 15vw;
	}
  header.scrolled .searchform-column {
    flex: 0 1 calc(100% - 10vw - 40px);
	}
	section#wizemen-content .title_container{
		margin: 0px 0 40px 0;
	}
}
 @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){
   */

  /* 
}
 @media screen and (min-width: 629px){
   header.scrolled{
     ~ .container {
       padding-top: 154px;
    }
  }
}
 */