/* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'Gotham-Black';
     src: url('../css/Gotham-Black.otf');
     font-weight: normal;
     font-style: normal;
 }

/* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'Gotham-Bold';
     src: url('../css/Gotham-Bold.otf');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Gotham-Book';
     src: url('../css/Gotham-Book.otf');
     font-weight: normal;
     font-style: normal;
 }
  @font-face {
     font-family: 'Zolleha';
     src: url('../css/Zolleha.otf');
     src: url('../css/Zolleha.ttf');
     font-weight: normal;
     font-style: normal;
 }



 /* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'BebasNeue';
     src: url('../css/BebasNeue.otf');
     font-weight: normal;
     font-style: normal;
 }

/* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'BebasNeue-Bold';
     src: url('../css/BebasNeue-Bold.otf');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'BebasNeue-Book';
     src: url('../css/BebasNeue-Book.otf');
     font-weight: normal;
     font-style: normal;
 }
  @font-face {
     font-family: 'BebasNeue-Regular';
     src: url('../css/BebasNeue-Regular.otf');
     font-weight: normal;
     font-style: normal;
 }

body,
html {
  background-color: #ffffff;
}
.container-fluid {
  padding: 0px;
}
.container {
  max-width: 1400px;
}

#header-principal{
position: relative;
margin:-30px 0;
}
.encima h1{
  position: absolute;
  top: 23%;
  left: 3%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 93px;
 
}
.encima h2{
    position: absolute;
    top: 43%;
    left: 3%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 50px;
  letter-spacing: 1.5px;
}
/*.encima-mob h1{
  display: hidden;
}
.encima-mob h2{
  display: hidden;
}*/
div#landing-maquinas{
 background-image: url('../images/fondo_desk.jpg');
 margin-top: -30px;
 margin-bottom: -40px;
}
#landing-maquinas section {
  display: inline-block;
  width: 100%;
  position: relative;
}
.lista-destacados .data>span{
  display: block;
    font-size: 18px;
    font-weight: bold;
}

#linea-respect .container{
 background-image: url('../images/tipos/fondo_desk.png');
}

#linea-respect .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 50px;
 margin: 3% 0px 2%;
 color: #fff;
}

#maquina .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 50px;
 margin: 3% 0px 2%;
 color: #fff;
}

#maquina .container p{
 font-family: 'Gotham-Bold';
 font-size: 24px;
 margin: 3% 5%;
 color: #fff;
}

#maquina .container{
 background-image: url('../images/fondo_morado_desk.png');
}

#mmarcas .container{
 background-image: url('../images/mejores_marcas/fondo_desk.png');
}

#mmarcas .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 50px;
 padding : 5% 0% 2%;
 color: #fff;
}

#mmarcas .container .corazon img{
 float: right;
 width: 50px; 
 height: 50px;
 margin-top: 14px;
}


#mmarcas .container .m-fav {
 padding: 1% 12% 5% 12%;
}

#mideal .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 50px;
 
 color: #fff;
}

#mideal .container{
 background-image: url('../images/maquina_ideal/fondo_desk.png');
}


#mideal .container .tendencias h3{
 font-family: 'BebasNeue-Bold';
 font-size: 37px;
margin-top: 0px;
margin-bottom: -10px;
 color: #fff;
 
}

#mideal .container .tendencias h4{
 font-family: 'BebasNeue-Bold';
 font-size: 28px;
margin: 0px;
 color: #fff;
 
}

#mideal .container .tendencias p{
 font-family: 'Gotham-Book';
 font-size: 17px;
 color: #fff;
 margin: 0px

}

#mideal .container .tendencias p strong{
 font-family: 'BebasNeue-Bold';
 font-size: 27px;
 color: #fff;

}

#mideal .container .tendencias img{
 margin-top: 10px;

}



#rutina .container{
 background-image: none;
}

#rutina .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 50px;
 /*padding: : 5% 0% 2%;*/
 color: #fff;
 margin-top: 7%;
}

#rutina .container p{
 font-family: 'Gotham-Bold';
 font-size: 24px;
     margin: -2% 5% 5% 5%;
 color: #fff;
}

#rutina .container h4{
 font-family: 'BebasNeue-Bold';
 font-size: 30px;
 margin: 5% 0px 2%;
 color: #fff;
 text-align: center;
}



#rutina .cintillo img{
  margin-top: 3%;
  width: 100%;
  margin-bottom: 20px;
}

/*Pruebaa*/

#linea-respect .container {
  margin-top: 3%;
  margin-bottom: 3%;
}


#linea-respect .container .menu-productos {
  display: flex;
  justify-content: center;
  margin-bottom: 2%;
}
#linea-respect .container .menu-productos > div {
  text-align: center;
}
#linea-respect .container .menu-productos a {
  font-family: "BebasNeue-Bold";
  font-size: 40px;
  color: #ffffff;
}
#linea-respect .container .menu-productos a.activo {
  font-family: "BebasNeue-Bold";
  

}
#linea-respect .container .menu-productos a.activo::after,
#linea-respect .container .menu-productos a:hover:after {
  content: "";
  width: 211px;
  height: 110px;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  bottom: -15px;
  z-index: -1;
  background-image: url('../images/tipos/marca.png'); 
  background-repeat: no-repeat;
}
#linea-respect .container .menu-productos a:hover {
  font-family: "BebasNeue-Bold";
}

#linea-respect .content-cat-principal .content-ver-todo{
  font-family: "BebasNeue-Bold";
}
#linea-respect .content-cat-principal .content-ver-todo span{
  display: block;
  text-align: center;
  padding: 2% 0 0 0;
  font-size: 1.2em;
}
.fa-chevron-right:before{
  vertical-align: middle;
}

#linea-respect .content-pro .list-pro img {
  /*-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);*/
}
#linea-respect .content-pro .list-pro a:hover img {
  /*-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);*/
}

#linea-respect .content-pro .data {
 
  padding-left: 43%;
  margin: 2%;
  
}
#linea-respect .content-pro .data > .titulo {
  display: block;
}
#linea-respect .content-pro .data > .titulo > b {
  font-family: "Roboto-Bold";
}
.list-pro a{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.encima p{
    position: absolute;
    top: 58%;
    left: 72%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 60px;
  line-height: 90%;
}
.encima1 p{
    position: absolute;
    top: 57%;
    left: 11%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 60px;
  line-height: 90%;
}

.encima2 p{
    position: absolute;
    top: 58%;
    left: 11%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 60px;
  line-height: 90%;
  text-align: center;
}
.boton {
border: 1px solid #52008e; /*anchura, estilo y color borde*/
padding: 14px; /*espacio alrededor texto*/
background-color: #52008e; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
font-family: 'Gotham-Bold', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
font-size: 23px;

}
.btn {
margin: 26px 10px 10px 419px;
}
.btn1 {
margin: 26px 10px 10px 424px;
}
.btn2 {
margin: 26px 10px 10px 430px;
}
.btn3 {
margin: 26px 10px 10px 392px;
}
.btn4 {
margin: 20px 10px 10px 0px;
}
.btn5 {
margin: 20px 10px 10px 0px;
}
.btn6 {
margin: 20px 10px 10px 0px;
}
.btn7 {
margin: 20px 10px 10px 0px;
}



#mideal .slick-prev, .slick-prev:hover, .slick-prev:focus{
  background: url('../images/maquina_ideal/flecha_izq.png') !important;
}
#mideal .slick-next, .slick-next:hover, .slick-next:focus{
  background: url('../images/maquina_ideal/flecha_der.png') !important;
}

#mideal .slick-prev, .slick-next{
width: 114px !important;
height: 137px !important;
z-index: 999999;
color: #ffffff;
margin: 0px -76px;
}
/*Style*/
.content-img-banco {
  line-height: 0;
}
/*Retiro en tienda*/



.licencias h1{
  padding: 5% 0 0 0;
  text-align: center;
  font-family: 'Gotham-Black';
  color: #fff;
}

.licencias p{
  text-align: center;
  margin: 3% 5% 3%;
  font-family: 'Gotham-Bold';
  font-size: 25px;
  color: #fff;
}
.licencias_top{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.licencias_top>div {
  padding: 7px;
}



 .slick-slide .marcas{
  max-width: 100%!important;
  /*-webkit-filter: grayscale(60%);  Chrome, Safari, Opera */
  /*filter: grayscale(60%);*/
}
 .slick-slide .marcas:hover{
  /*-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: none;
  transition: all 0.3s ease;
}


.texto-img{

text-align: center;
font-family: 'Gotham-Bold';
}

/*Fin*/


.slick-dotted.slick-slider {
  
  margin: 0% 3% 0% 3% !important;
}
/*Fin slick*/

/*Fin - Style*/
a {
  text-decoration: none;
  color: #000000;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #000000;
}

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



div#landing-maquinas{
 background-image: url('../images/fondo_desk.jpg');
 margin-top: -40px;
 margin-bottom: -40px;
}
.encima-mob h1{
    position: absolute;
    top: 21%;
    left: 4%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 50px;
  text-align: center;
line-height: 100%;
 
}
.encima-mob h2{
    position: absolute;
    top: 73vw;
    left: 4%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 24px;
  letter-spacing: 1.5px;
    text-align: center;
    line-height: 100%;
}

.boton {
border: 1px solid #52008e; /*anchura, estilo y color borde*/
padding: 10px; /*espacio alrededor texto*/
background-color: #52008e; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
font-family: 'Gotham-Bold', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
font-size: 23px;

}
.btn {
margin: 18px 0px 18px 8px;
}
.btn1 {
margin: 18px 0px 18px 12px;
}
.btn2 {
margin: 18px 0px 18px 18px;
}
.btn3 {
margin: 18px 0px 18px -15px;
}
.btn4 {
margin: 16px 0px 10px -90px;
}
.btn5 {
margin: 16px 0px 10px -90px;
}
.btn6 {
margin: 16px 0px 10px -90px;
}
.btn7 {
margin: 16px 0px 10px -90px;
}

#linea-respect .container{
 background-image: url('../images/tipos/fondo_desk.png');
}

#linea-respect .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 30px;
 margin: 3% 0px 2%;
 color: #fff;
}

#maquina .container{
 background-image: url('../images/fondo_morado_mob.png');
}

#maquina .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 26px;
 margin: 3% 0px 2%;
 color: #fff;
}

#maquina .container p{
 font-family: 'Gotham-Bold';
 font-size: 12px;
 margin: 3% 5%;
 color: #fff;
}

#mmarcas .container{
 background-image: url('../images/mejores_marcas/fondo_mob.png');
}

#mmarcas .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 30px;
 padding: 8% 0% 0%;
 color: #fff;
}

#mmarcas .container .corazon img{
 float: right;
 width: 15px; 
 height: 15px;
 margin-top: 13px;
}
#mmarcas .container .m-fav{
padding: 1% 2% 5% 5%;
}



#mideal .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 30px;
 margin: 7% 0px 2%;
 color: #fff;
}

#mideal .container{
 background-image: url('../images/maquina_ideal/fondo_mob.png');
}
#linea-respect .slick-prev, .slick-prev:hover, .slick-prev:focus{
  background: url('../images/rutina/flecha_izq.png') !important;
}
#linea-respect .slick-next, .slick-next:hover, .slick-next:focus{
  background: url('../images/rutina/flecha_der.png') !important;
}


#mideal .slick-prev, .slick-prev:hover, .slick-prev:focus{
  background: url('https://home.ripley.com.pe/front/campana/home-regular-new/img/flecha_izq.png') !important;
}
#mideal .slick-next, .slick-next:hover, .slick-next:focus{
  background: url('https://home.ripley.com.pe/front/campana/home-regular-new/img/flecha_der.png') !important;
}

#mideal .slick-prev {
width: 37px !important;
height: 71px !important;
z-index: 999999;
color: #ffffff;
margin: -108% -34px;
}
#mideal  .slick-next{
width: 37px !important;
height: 71px !important;
z-index: 999999;
color: #ffffff;
margin: -108% -34px;
}

#rutina .container{
 background-image: none;
}

#rutina .container h2{
 font-family: 'BebasNeue-Bold';
 font-size: 30px;
 padding: 4% 0% 0%;
 color: #fff;
}

#rutina .container p{
 font-family: 'Gotham-Bold';
 font-size: 12px;
 margin: -6% 5% 5% 5%;
 color: #fff;
}

#rutina .container h4{
 font-family: 'BebasNeue-Bold';
 font-size: 16px;
 margin: 5% 0px 2%;
 color: #fff;
 text-align: center;
}

#rutina .cintillo img{
 margin-top: 8%;
 width: 100%;
 margin-bottom: 40px;
}



#linea-respect .container .menu-productos a.activo::after,
#linea-respect .container .menu-productos a:hover:after {
  content: "";
  width: 211px;
  height: 110px;
  position: absolute;
  left: 5px;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  bottom: -44px;
  z-index: -1;
  background-image: url('../images/tipos/marca.png'); 
  background-repeat: no-repeat;
  background-size: 50%;
}

#linea-respect .content-pro .data img {
 
      margin: 5% 5% 5% -39%;
  
}

  #linea-respect .titulo h2 {
    font-size: 5.5vw;
    margin-bottom: 5%;
  }
  #linea-respect .container .menu-productos a {
    font-size: 4vw;
  }
  .list-pro {
    padding: 0 6% 0 6%;
    margin-top: 3%;
  }
  .list-pro div.slick-slide {
    padding-left: 5px;
    padding-right: 5px;
  }

  #linea-respect .content-pro .data {
    font-size: 3.5vw;
  }

  #linea-respect .content-pro .list-pro img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  #linea-respect .slick-prev, .slick-prev:hover, .slick-prev:focus{
  background: url('../images/rutina/flecha_izq.png') !important;
}
#linea-respect .slick-next, .slick-next:hover, .slick-next:focus{
  background: url('../images/rutina/flecha_der.png') !important;
}

#linea-respect .slick-prev, .slick-next{
width: 20px !important;
height: 34px !important;
z-index: 999999;
color: #ffffff;
margin: 0%;
}

  #rutina .slick-prev, .slick-prev:hover, .slick-prev:focus{
  background: url('../images/rutina/flecha_izq.png') !important;
}
#rutina .slick-next, .slick-next:hover, .slick-next:focus{
  background: url('../images/rutina/flecha_der.png') !important;
}

#rutina .slick-prev, .slick-next{
width: 20px !important;
height: 34px !important;
z-index: 999999;
color: #ffffff;
margin: 0%;
}

.encima p{
    position: absolute;
    top: 43vw;
    left: 36vw;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 46px;
line-height: 90%;
}
.encima1 p{
    position: absolute;
    top: 39vw;
    left: 9%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 50px;
  line-height: 90%;
}

.encima2 p{
    position: absolute;
    top: 41vw;
    left: 9%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 45px;
  line-height: 90%;
  text-align: center;
}
.boton {
border: 1px solid #52008e; /*anchura, estilo y color borde*/
padding: 14px; /*espacio alrededor texto*/
background-color: #52008e; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
font-family: 'Gotham-Bold', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
font-size: 17px;
margin: 0% 0% 0% 23%;
}
  #header-principal{
    position: relative;
    margin: -30px 0px 0px 0;
  }
  .licencias_top>div{
    padding: 0 0.5% 0% 0%;
  }
.licencias h1{
 text-align: center;
 margin: 10% 0% 0%;
 font-family: 'Gotham-Black';
 font-size: 30px;
} 
.licencias p{
  text-align: center;
 
  font-family: 'Gotham-Bold';
  font-size: 12px;
  color: #fff;
}
#marcas .container h1{
 font-family: 'Gotham-Black';
 font-size: 27px;
 margin: 3% 0px 3%;
 color: #fff;
}
.slick-list.draggable{
margin: 0 5% 0 5%;
}


#mmarcas .marcas-fav{
  padding: : 4% 4% 4% 4%;
}

  .slick-dots {
    /*position: relative;*/
    width: 100%;
  }
  .slick-slide .marcas {
    max-width: 100%!important;
    -webkit-filter: none;
    filter: none;
}
.texto-img{

  text-align: center;
  font-family: 'Gotham-Bold';
  font-size: 11px;
}


}

@media (min-width: 768px) and (max-width: 1024px) {

#mideal .slick-prev {

margin: -7% -7%;
}
#mideal  .slick-next{

margin: -7% -7%;
}
.encima-mob h1{
    position: absolute;
    top: 15%;
    left: 5%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 98px;
  text-align: center;

 
}
.encima-mob h2{
    position: absolute;
    top: 37%;
    left: 5%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 46px;
  letter-spacing: 3.5px;
    text-align: center;
}

.boton {
border: 1px solid #52008e; /*anchura, estilo y color borde*/
padding: 10px; /*espacio alrededor texto*/
background-color: #52008e; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
font-family: 'Gotham-Bold', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
font-size: 20px;

}
.btn {
margin: 20px 0px 20px 20%;
}
.btn1 {
margin: 18px 0px 18px 20%;
}
.btn2 {
margin: 18px 0px 18px 20%;
}
.btn3 {
margin: 18px 0px 18px 20%;
}
.btn4 {
margin: 16px 0px 10px -90px;
}
.btn5 {
margin: 16px 0px 10px -90px;
}
.btn6 {
margin: 16px 0px 10px -90px;
}
.btn7 {
margin: 16px 0px 10px -90px;
}


  #linea-respect .container .menu-productos a.activo::after,
#linea-respect .container .menu-productos a:hover:after {
  
  width: 400px !important;
  height: 400px !important;
  position: absolute;
  left: 16px !important;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  bottom: -274px !important;
  z-index: -1;
  background-image: url('../images/tipos/marca.png'); 
  background-repeat: no-repeat;

}
.encima p{
    position: absolute;
    top: 53%;
    left: 62%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 51px;
  line-height: 90%;
}
.encima1 p{
    position: absolute;
    top: 48%;
    left: 11%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 60px;
  line-height: 90%;
}

.encima2 p{
    position: absolute;
    top: 57%;
    left: 9%;
  font-family: 'BebasNeue-Bold';
  color: #fff;
  font-size: 47px;
  line-height: 90%;
  text-align: center;
}
#rutina .container h4{
 font-family: 'BebasNeue-Bold';
 font-size: 16px;
 margin: 5% 0px 2%;
 color: #fff;
 text-align: center;
}
#linea-respect .content-pro .data img {
 
      margin: 5% 5% 5% -21%;
  
}
}@media (max-width: 1024px) {
.encima h1{
  top: 12%;
  left: 3%;
  font-size: 73px;
 
}
.encima h2{
    
    top: 20%;
    left: 3%;
 
  font-size: 39px;
  
}

}