@media (max-width: 1200px) and (min-width: 50px) { .tres { display: none !important;  } .cinco { display: block !important;  } } 
 @media (min-width:1200px) { .cinco { display: none !important; } .tres { display: block !important;  } } 

 /*tabletas samsung galaxy */
 @media (max-width: 1279px) and (min-width: 800px) {
 #titulo {
    
/*    font-family: 'Palanquin Dark', sans-serif;*/
    padding-top: 20% !important;
    text-align: center;
    line-height: 50px ;
   

 }
 #beneficios { 
   text-align: center !important ;
}
/*
#iconobeneficio {
   margin-left: 45% !important;
    
  }
*/
 .lista{

    padding-left: 5px !important;
    padding-right: 5px !important;
       
   }
}
@media (max-width: 800px) and (min-width: 640px) {
 #titulo {
    
    font-family: 'Raleway', sans-serif;
/*    font-family: 'Palanquin Dark', sans-serif;*/
    padding-top: 25% !important;
   
 }

#beneficios { 
   text-align: center !important ;
}
/*
#iconobeneficio {
   margin-left: 43% !important;
    
  }
*/
 .lista{

    padding-left: 5px !important;
    padding-right: 5px !important;
       
   }
    
    
  .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    padding-left: 0px !important;
    padding-top: 10px;
    height: 70px;
    margin-right: auto;
    }    

}

 /* moviles  */
@media (max-width: 640px) and (min-width: 340px) {
 #titulo {
    padding-top: 40% !important;
   
 }

#beneficios { 
   text-align: center ;
}
/*
#iconobeneficio {
   margin-left: 38% !important;
    
  }
*/
 .lista{
    
    text-align: justify;
    padding-left: 5px !important;
    padding-right: 5px !important;
       
   }
.beneficios-title{

    font-size: 30px !important;
    padding-top: 50px !important;
    
}
    

    
.textito{
font-size: 14px!important;
padding-bottom: 2px !important;

}
    
.textito2{
font-size: 14px!important;
padding-top: 2px !important;

}

    
 .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    padding-left: 0px !important;
    padding-top: 10px;
    height: 70px;
    margin-right: auto;
    }   

    
 
.copy{
    font-size: 8px !important;
    color: #fff;
}
    
    
#circulo {
    width: 250px !important;
    height: 250px !important;
    background: none !important;
    -moz-border-radius: 125px !important;
    -webkit-border-radius: 125px !important;
    border-radius: 200px;
    border: 2px #162342 solid;
    margin-top: 30px !important;
    position: relative;
    margin-left: 19% !important;
}

    .especialista {
    position: absolute;
    display: table-row;
    width: 200px;
    margin-top: 85px !important;
    margin-left: -18% !important;
}
    
    #especialistatxt{
        display: none !important;
    }
    
    #productortxt{
        display: none !important;
    }
    
     #entidadtxt{
        display: none !important;
    }
    
    .productor-icon {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 85px !important;
    margin-left: 80% !important;
}
    
    .entidad-icon {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 200px !important;
    margin-left: 33% !important;
}


#dibujo {
    
    background-image: url(../img/dibujo-movil.png) !important;
/*    background-size: contain;*/
    background-repeat: no-repeat;
    width: 100%;
    height: 463px;
    position: absolute;
    background-position: center;
    bottom: 0px;
/*    margin-top: 278px;*/
}

 #dos {
    background-image: url(../img/fondo.jpg);
/*    height: 620px !important;*/
    width: 100%:;
}
    
.icono-qltivo {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 24% !important;
    margin-left: 26% !important;
}

    
    
    
#espacio-info {
        margin-top: 20px;

}    
   
    

}

.azul{
     
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #162342;
    text-align: left;
    margin-top: 50px;
    padding-left: 15px;
    
} 



body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    
}

/*MENU*/

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    padding-left: 30%;
    padding-top: 10px;
    height: 70px;
    /* margin-right: auto; */
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #fff;
}


/*CONTENIDO*/

#uno {  
    background-color: white;
    height: 100vh;
    width: 100%:
}


#dos {
   
    background-image: url(../img/fondo.jpg);
    height: 860px;
    width: 100%:
}


#unob { 
    background-image: url(../img/beneficios.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    height: 350px;
    width: 100%:
}

#unoc { 
    background-image: url(../img/experto-imagen.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    height: 350px;
    width: 100%;
    position:relative;
}

#dosb {
   
    background-image: url(../img/fondo.jpg);
    width: 100%:
        
}


#productorb{
    background-image: url(../img/productor.jpg);
    background-size: cover;
    background-position: center;
    height: 800px;
    position: relative;
}

#logoproductor{
    background-image: url(../img/qltivop.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 200px;
}

#expertob{
    background-image: url(../img/experto.jpg);
    background-size: cover;
    background-position: center;
    height: 800px;
}

#entidadb{
    background-image: url(../img/entidad.jpeg);
    background-size: cover;
    background-position: center;
    height: 800px;
}

#ambrosiodiv{
    background-image: url(../img/blackberry.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

#fermindiv{
    background-image: url(../img/cacao.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

#reynaldodiv{
    background-image: url(../img/limon.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    color: #fff;
    font-size: 16px;

}

.textoscuro {
    background-color: rgba(29, 25, 21, 0.6);
    height: 350px;
    /* margin-top: 100px; */
    padding: 100px 40px 10px 40px;
    margin-top: 16%;
    position: absolute;
    left: 27%;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border: 2px solid #fff;
}


#titulo_dos{
    font-family: 'Raleway', sans-serif;
    color: blue;
    height: 10px;
    font-size: 50px;
    text-align: center;

}
#texto_dos{
text-align: center; 
margin:  50px;
color: #000fff;
font-size: 20px;


}


.textito{
text-align: center;
padding: 12px 10px; 
color: #333;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
line-height: 32px;


}


.textito2{
text-align: center;
padding: 5px 10px; 
color: #333;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
line-height: 20px;


}

.fondo_dos{
     background-image: url(../img/cultivo-img.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 780px;
}

/*clases para menú*/

/*
.navbar-default {
    background-color: #fff;
    border: none;
    padding-left: 30%;
}
*/


.logo{
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    padding: 20px;
}


#uno{
    background-image: url(../img/imagen-fondo.jpg);
    position: relative;
    height: 800px;
}


#img_beneficios{

background-repeat: no-repeat;
    background-size: contain;
    position:
    
}
#contenido_uno{
    text-align: center;

}

.jobStep{
    display: none;
}
#dibujo {
    
    background-image: url(../img/dibujo1.png);
/*    background-size: contain;*/
    background-repeat: no-repeat;
    width: 100%;
    height: 463px;
    position: absolute;
    background-position: center;
    bottom: 0px;
    margin-top: 278px;
}
#titulo {
    
    font-family: 'Raleway', sans-serif;
/*    font-family: 'Palanquin Dark', sans-serif;*/
    padding-top: 10%;
    text-align: center;
    line-height: 50px;
   

}
#footer{

    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    background-color: #162342;
    height: 400px;
    text-align: center;
    padding-top: 30px;
}

#mail_footer{

    font-family: 'Raleway', sans-serif;
    text-align: center;
     
    font-size: 30px;
    color: #fff;


}
#input_mail{
    text-align: center;
    font-size: 15px;
    color: #333;
}

#btn_enviar{

    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 15px;
    color: #fff;
}
.titulotxt {
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 57px;
    color: #fff;
/*    text-align: center;*/
/*    padding-top: 10%;*/
/*    text-shadow: 4px 4px rgba(51, 51, 51, 0.8);*/
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: black;

}

.titulotxt2 {
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 80px;
    color: #a5d331;
/*    text-align: center;*/
/*    padding-top: 10%;*/
/*    text-shadow: 4px 4px #f6f6f6;*/
   -webkit-text-fill-color: rgba (165, 211, 49); /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: #162342;

}


#circulo {
	width: 400px;
	height: 400px;
	background: none;
	-moz-border-radius: 200px;
	-webkit-border-radius: 50px;
	border-radius: 200px;
    border: 2px #162342 solid;
    margin-top: 100px;
    position: relative;
    margin-left: 40%;
}

/*
.icono-experto {
    background-image: url(../img/experto.png);
    background-repeat: no-repeat;
    background-size:contain;
    height: 50px;
    background-size:contain;
    position: relative;
    display: table-cell;
}
*/

.especialista {
    position: absolute;
    display: table-row;
    width: 200px;
    margin-top: 150px;
    margin-left: -30%;

}

.productor-icon {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 150px;
    margin-left: 87%;

}

.entidad-icon {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 350px;
    margin-left: 40%;

}

.icono-qltivo {
    position: absolute;
    display: table-row;
    width: 150px;
    margin-top: 32%;
    margin-left: 35%;


}


/*:::::::::::::::::::::CARACTERISTICAS::::::::::::::::::::::::::::::::::*/

#cuatro {
    background-color: #fff;
}

#beneficios {
    
   margin: 50px auto;
}




.beneficios-title{
     
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    background-color: #162342;
    height: 125px;
    text-align: center;
    padding-top: 30px;
    
}
.apps-title{
    
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    background-color: #162342;
    height: 125px;
    text-align: center;
    padding-top: 30px;
    
}


/*
#iconobeneficio {
    padding-right: 20px;
    float: left;
}
*/

.titulobeneficio1 {
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #162342;
    text-align: left;
   
    
}


.titulobeneficio2 {
    
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #162342;
    text-align: left;
   
    
}


 .lista{
    
    text-align: justify;
    line-height: 35px;
    padding-left: 0px;
    padding-right: 50px;
    font-size: 16px;
    
}


.espacio {
    
    margin-bottom: 20px;
}


/*línea vertical*/
hr.v{
    width: 1px;
    height: 130px;
    color: black;
    background-color: black;
    float: left;
}



/*::::::::::::::ACORDION MOVIL:::::::::::::::::*/

/*:::::::NUEVOS SERVICIOS:::::::::::::::*/

/*::::::::::::::::PRUEBA::::::::::::::::::::::::::::::*/


#imagen1 {
    
    background-color: #173499;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}

.imagen11{
    background-image: url(../img/foton1.jpg);
    background-repeat:no-repeat;
    height: 200px;
/*    background-size: contain;*/
    width:100%;
    position: absolute;
    border-radius: 15px 15px 40px 0px;
}

#imagen2 {
    
    background-color: #f7c523;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}


.imagen22 {
    
    background-image: url(../img/foton2.jpg);
    background-repeat:no-repeat;
    background-position: center;
    height: 200px;
    width:100%;
    position: absolute;
    border-radius: 15px 15px 40px 0px;
}


#imagen3 {
    
    background-color: #d1222f;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}

.imagen33 {
    
    background-image: url(../img/foton3.jpg);
    background-repeat:no-repeat;
    background-position: center 4%;
    height: 200px;
    width:100%;
    position: absolute;
    border-radius: 15px 15px 40px 0px;
}

.serviciostitle{
    font-family: Roboto, sans-serif;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    top: 83%;
    left: 20%;
   
}

.serviciostitle2{
    font-family: Roboto, sans-serif;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 83%;
    left: 33%;
   
}

.txtservicios {
    
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    text-align: justify;
    padding-top: 20px;

    
    
}

.espacio {
    
    margin-bottom: 40px;
}

/*botones*/

.botonmas {
    height: 50px;
    width: 90px;
    padding: 15px 50px;
    background-color: #f7c600;
    color:#162342;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    font-family: Roboto, sans-serif;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;

}

.botonmas:hover {
    height: 50px;
    width: 90px;
    padding: 15px 50px;
    background-color: #E86F0C;
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    font-family: Roboto, sans-serif;
    text-decoration: none;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;

}

.botonmenu {

    padding: 10px 20px !important;
    margin-top: 5px;
    background-color: #381851;
    color:#fff !important;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;

}

.botonmenu:hover {

    padding: 10px 20px !important;
    margin-top: 5px;
    background-color: #B04CFF !important;
    color:#fff !important;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;

}

.botonsuscribir {
    width:40%; 
    height:30px; 
    background-color:#f7c600; 
    font-size:16px; 
    color:#162342; 
    border:none; 
    margin-top:15px; 
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px

}

.botonsuscribir:hover {
    width:40%; 
    height:30px; 
    background-color:#E86F0C; 
    font-size:16px; 
    color:#fff; 
    border:none; margin-top:15px; 
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px

}


/*::::::::::::::::PRUEBA::::::::::::::::::::::::::::::*/


#imagen1 {
    
    background-color: #173499;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}

.productor{
    background-image: url(../img/productor.png);
    background-repeat:no-repeat;
    height: 200px;
/*    background-size: contain;*/
    width:100%;
/*    position: absolute;*/
    border-radius: 15px 15px 40px 0px;
    background-position: center;
}

#imagen2 {
    
    background-color: #f7c523;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}


.experto{
    background-image: url(../img/experto.png);
    background-repeat:no-repeat;
    height: 200px;
/*    background-size: contain;*/
    width:100%;
    border-radius: 15px 15px 40px 0px;
    background-position: center;
}


#imagen3 {
    
    background-color: #d1222f;
    height: 255px;
/*    width: 100%;*/
    position: relative;
    border-radius: 15px 15px 40px 0px;
}

.entidad{
    background-image: url(../img/entidad.png);
    background-repeat:no-repeat;
    height: 200px;
/*    background-size: contain;*/
    width:100%;
    border-radius: 15px 15px 40px 0px;
    background-position: center;
}

.serviciostitle{
    font-family: Roboto, sans-serif;
    text-align: center;
    font-size: 20px;
    color: #162342;
    font-weight: 500;

   
}

.serviciostitle2{
    font-family: Roboto, sans-serif;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    top: 83%;
    left: 33%;
   
}

.txtservicios {
    
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    text-align: justify;
    padding-top: 20px;

    
    
}

.espacio {
    
    margin-bottom: 40px;
}
#footer2{
/*    height: 80px;*/
   background-color: #333;
   font-size: 16px;
   font-family: 'Raleway', sans-serif;
   text-align: center;
   color: #fff;

}

.copy{
    font-size: 12px;
    color: #fff;
}

/*