@font-face {
    font-family: Transducer-Regular;
    src: url(assets/fonts/transducer-regular.otf);
}

@font-face {
    font-family: Transducer-Bold;
    src: url(assets/fonts/transducer-bold.otf);
    font-weight: bold;
}

#uno {
    background-image: url(assets/img/banner-fin-min.png);
    position: relative;
    z-index: 5;
}

#empresas {
    background-image:  url(assets/img/empresa-carnica-min.png);
    position: relative;
    z-index: 4;
    margin-top: -120px;
}

#tres {
    padding-top: 300px !important;
    background-image: url(assets/img/quesos-min.png);
    position: relative;
    z-index: 3;
    margin-top: -120px;
}

#insectos {
    background-image: url(assets/img/insectos-min.png);
    position: relative;
    z-index: 2;
    margin-top: -100px;
}

#consumidores {
background-image: url(assets/img/bg.png);
margin-top: -100px;
}

#seis {
    background-image: url(assets/img/bg4.png);
}

.fondo{
    padding: 200px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.titulo {
    font-family: Transducer-Regular;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.titulo2{
    font-family: Transducer-Regular;
    font-weight: 600;
    text-align: center;
    font-size: 40px;
}
.titulo3 {
    font-family: Transducer-Regular;
    color: #fff;
    text-align: left;
    margin-bottom: 30px;
}
.rojo {
    color: #E3242D !important
}
.imagen-slider {
    text-align: center;
}
.imagen-slider img{
    width: 200px;
}

.titulo_negro{
    font-family: Transducer-Bold;
    color:#84818A;
    font-size: 23px;
    text-align: center;
}
.texto_formulario{
    font-family: Transducer-Regular;
    font-size: 17px;
    text-align: center;
    color:#84818A ;
    padding: 20px;
}
.texto_blanco {
    font-family: Transducer-Regular;
    font-size: 17px;
    text-align: left;
    color:#fff ;
}
.hashtag {
    font-family: Transducer-Bold;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
}
.logo{
padding: 35px;
}
.logo_dos{
    position: absolute;
    top: -100px;
}
.logo_tres{
    position: absolute;
    top:120px;
}
.inicio{
    position:relative;
    z-index: 1;
    padding-bottom: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.boton {
    margin-top: 50px;
    background-color: #E3242D;
    color: #fff;
    font-family: Transducer-Bold;
    font-weight: bold;
    padding: 15px 70px;
    border-radius: 12px;
    border:none;
}

.boton:hover {
    text-decoration: none;
    color:#fff
}

.prueba{
    color:#fff;
    background-color: black;
    width: 100%;
    height: 200px;
}
.form-border {
    padding: 30px 10px;
    background-color: #cacaca21;
    border-radius: 10px;
    margin: 10px 0px;
}

.formulario1{
    display: none;
    background-color: #cacaca21;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    font-family: 'Transducer-Regular';
}
.formulario1 strong {
    font-family: Transducer-Bold;
}

.formulario2{
    display: none;
    background-color: #cacaca6b;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    font-family: 'Transducer-Regular';
}

.formulario2 {
    font-family: Transducer-Bold;
}

.card-img-top{
    height: 150px !important;
    border-radius: 10px 10px 0px 0px;
}

.formulario form label {
    font-family: 'Transducer-Bold';
}


footer {
    height: auto;
    background-color: #E3242D;
    color: #fff;
    font-family: Transducer-Regular;
    font-size: 16px;
    padding: 10px 50px;
}

footer a{
    color: #fff;
}
footer a:hover{ 
    color: #fff
}
.cajatitulo {
    font-family: Transducer-Bold;
    font-size: 20px;
}

.textocaja {
    font-family: Transducer-Regular;
    font-size: 16px;
}


.caja {
    border:none;
    border-radius: 10px;
}

.list-final {
    float: right;
}

@media only screen and (max-width: 576px) {
   .logo_dos{
    display: none;
   }
   .logo_tres {
    display: none;
   }
   .hashtag {
    font-size: 16px;
   }

   .list-final {
    float: none;
   }

   .list-inline {
    text-align: center;
   }
}