 @font-face {
     font-family: 'Futura';
     src: url('../css/Futura-Medium.eot');
     src: url('../css/Futura-Medium.eot?iefix') format('eot'),
         url('../css/Futura-Medium.woff') format('woff'),
         url('../css/Futura-Medium.ttf') format('truetype'),
         url('../css/Futura-Mediu.svg#webfont90E2uSjN') format('svg');
     font-weight: normal;
     font-style: normal;
 }
.slider-productos{
  position: relative;
  display: block;
  padding:1%;
}

.banner-product {
     padding-top: 120px;
    padding-bottom: 20px;
}

.border-bottom {
	border-bottom-color: #b6b4b4;
    border-bottom-style: solid;
	border-bottom-width: 1px;
    
}

.right-15  {
padding-right: 15px;
}

.grey  {
color:#414040;
text-decoration:none;
}

.grey:hover  {

text-decoration:none;
}
.centered  {
	display: flex;
    align-items: center;
	    padding-top: 5px;
    padding-bottom: 5px;
	
}

.centered-mob  {
	display: inline-flex;
    align-items: center;
	    padding-top: 5px;
    padding-bottom: 10px;
	
}



#cintillo  {
	    background: #f0f0f0;
    font-size: 18px;
    line-height: 21px;
    color: #414040;
    
}

.barra-sticky {
position: sticky;
    top: 70px;
    z-index: 1000000;
	
	}

/*.fondo-adv{
  background-image: url('../images/img-fondo2.jpg');
  background-repeat: no-repeat;
    background-size: cover;
}*/
.banner-background-1 {
    width: 100%;
    height: 65vh;
    background-size: cover;
   /* max-height: 650px;*/
    max-height: 100%;
    background-image: url(../images/regular/slider1.png);
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner-background-2 {
    width: 100%;
    height: 65vh;
    background-size: cover;
    max-height: 100%;
    background-image: url(../images/regular/slider2.png);
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
}
.banner-background-3 {
    width: 100%;
    height: 65vh;
    background-size: cover;
    max-height: 100%;
    background-image: url(../images/regular/slider3.png);
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
}
.owl-buttons{
  display: none!important;
}
 #landing-drimer{
   font-family: "Futura";
   font-weight: normal !important;
   color: #000;
   margin-top: -30px;
 }

 .titulo h1{
   color: #000000;
    font-size: 24px;
    padding: 7px 0 0px;
    margin: 2% 0 2%;
    display: flex;
    font-family: futura;
    font-weight: 700;
    justify-content: center;
        line-height: 30px;
 }
.mostaza{
      width: 75%;
}
 .img-container{
   max-width: 100%;
 }
 #recomendados .row{
   margin-top: 2%;
 }
 .right-10{
   margin-right: 10px;
 }
 /*Sliks*/

 .slick-prev,
 .slick-next {
     height: 22px;
     z-index: 999999;
    color: #e62e73;
 }

 .slick-prev:before,
 .slick-next:before {
     font-size:22px;
    color: #582463;
 }
 .slick-next {
     right: 0px;
 }
 .slick-prev {
     left: 0px;
 }
 .slick-dots li.slick-active button:before {
     font-size: 10px;
 }
.owl-theme .owl-controls .owl-page span{
  display: none!important;
}


 @media screen and (max-width:769px){
   .titulo h1{
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0px;
   }
   #recomendados img{
     margin-bottom: 10px!important;
   }
   .slider-productos{
     padding:3%;
   }
   .right-10{
     width: 25px;
   }
   .banner-background-1 {
       width: 100%;
       max-height: 340px;
       height: 31vh;
       background-image: url(../images/regular/slider1-mob.png);
       background-size: contain;
   }

   .banner-background-2 {
       width: 100%;
       max-height:340px;
       height: 31vh;
       background-image: url(../images/regular/slider2-mob.png);
       background-size: contain;
   }
   .banner-background-3 {
       width: 100%;
       max-height: 340px;
       height: 31vh;
       background-image: url(../images/regular/slider3-mob.png);
       background-size: contain;
   }
   
   .banner-product {
     padding-top: 160px;
    padding-bottom: 20px;
}

 }
