@font-face {font-family: Mon_black; src: url(Montserrat-Black.otf);}
@font-face {font-family: Mon_bold; src: url(Montserrat-Bold.otf);}
@font-face {font-family: Mon_extrabold; src: url(Montserrat-ExtraBold.otf);}
@font-face {font-family: Mon_hairline; src: url(Montserrat-Hairline.otf);}
@font-face {font-family: Mon_light; src: url(Montserrat-Light.otf);}
@font-face {font-family: Mon_regular; src: url(Montserrat-Regular.otf);}
@font-face {font-family: Mon_semibold; src: url(Montserrat-SemiBold.otf);}
@font-face {font-family: Mon_ultralight; src: url(Montserrat-UltraLight.otf);}

body{margin: 0px; padding: 0px; background-image: url(../img/ROMBO.png);}
#inicio {
  background-image:url(../img/PLECA1.png) ;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 120vh;
}
.text_inicio{
  margin-top: 250px;
  font-family: Mon_semibold;
  color: #fff;
  font-size: 35px;
}
.innovar{
  font-family: Mon_semibold;
  color: #90d23e;
  font-size: 70px;
  margin-left: -150px;
  margin-bottom: 20px;
}
.saber_mas{
  margin-left: -150px;
  background-color: #fff ;
  padding: 20px 60px;
  border-radius: 10px;
  font-family: Mon_bold;
  color: #000;
  font-size: 20px;
  text-decoration: none;
}
.saber_mas:hover{
  text-decoration: none;
  color: #000;
}
.container{max-width:1400px!important ; width:1400px!important ;}
#menu{
  position: fixed;
  width: 100%;
  padding: 1% 10%;
  background: #1b1b1b61;
  z-index: 99999;
  height:102px;
}
#menu ul{float: right;}
#menu ul li{float: left; padding:0px 10px 3px 10px ; margin: 10px; color: #fff; list-style-type: none; font-family: Mon_regular; font-size: 19px;}
#menu ul li:hover{border-bottom: #90d23e 3px solid; }
#menu a{text-decoration: none; color: #fff; font-family: Mon_regular; font-size: 19px;}
.imagen_home{width: 50px;}
.imagen_menu{width: 100px; display:none; float:right;}
.span_inicio{font-family: Mon_semibold; color: #90d23e; font-size:25px; display:none;}
#menu_responsivo{
  display:none;
  position: fixed;
  width: 100%;
  padding: 1% 10%;
  background: #1b1b1b61;
  z-index: 99999;
  height:102px;
}

#objetivo{margin-top: -150px;}
.objetivo_text{
  margin-top: 200px;
  color: gray; 
  font-family: Mon_regular;
  font-size: 20px;
  text-align: justify;
}
#ayuda2 {
  background-image:url(../img/PLECA3.png) ;
  /*background-attachment:scroll;
  background position:left top;*/
  background-size:cover;
  width:100%;
  height:700px;
  background-repeat: no-repeat;
}
.ayuda2_text{
  color: #fff;
  font-family: Mon_semibold;
  font-size: 70px;
  margin-top: 200px;
  text-align: right;
  padding-right: 75px;
}
#ayuda .contenido_p{
  font-family: Mon_regular;
  background-color: #f0f0f4; 
  text-align: justify;
  border-radius: 0px 0px 15px 15px;
  height: 480px;
  padding: 0px 35px;
  color: gray;
  font-size: 26px;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
} 
#ayuda .center_img{
  text-align:center;
  background-color: #f0f0f4;
  margin-bottom: -20px;
  border-radius:15px 15px 0px 0px; 
  }
#ayuda h2{
  color:#4263aa;
  font-family: Mon_semibold;
  font-size: 35px;
}
#ayuda .col-sm{
  margin-top: 70px;
  padding: 0px 120px;
}
#ayuda img{height: 150px;}
#ayuda .col-sm center{height: 76px;}
#programas {/*background-color:#90d23e; width: 100%; height: 661px;*/margin-top:-63px;}
#programas .container{background-image: url(../img/PLECA5.png); width: 100%; height: 661px;}
#footer{
  background-color: #3f5393; 
  width: 100%; height: 400px; 
  border-bottom: #90d23e 5px solid;
  color: #fff;
  padding-top: 100px;
}
#footer a{color:#fff ; text-decoration: none; font-family: Mon_regular; }
.bottom_bottom{width: 100%; margin-top: 60px;}
#footer li{list-style-type: none; margin-bottom: 10px;}
.link_green {color: #90d23e; font-family: Mon_regular;}
.cin_img{width:300px ;}
.cin_face{width:30px; filter: invert(100%);}
.cin_tweet{width:30px; filter: invert(100%);}
#footer ul{margin-left: 50px;}
#footer h1{font-size: 15px; font-family: Mon_regular;}
#linea_verde{background-color:#90d23e; width: 100%; height: 570px; position:absolute; z-index:-1;}
#formulario_contacto{
    width: 70%;
    background-color: #8fd13e;
    color: #fff;
    padding: 55px;
    border-radius: 15px;
    margin-bottom: -50px;
    z-index: 9999;
    position: relative;
    font-family: Mon_regular;
}
.tit_seccion{text-align:center; height:76px;}
.tit{text-align:right;}
.tit h1{font-family:Mon_bold; color:#4378c2; font-size:85px;}
.tit h2{font-family:Mon_bold; color:#4378c2; font-size:47px;}
.proy_text p{font-family:Mon_regular; color:gray; text-align:justify; font-size:23px;}
#testimonios h2{font-family:Mon_bold; font-size:45px;}
.slide-info{padding:55px!important;}
.slide-info i{color:#3f5393;}
.contact_label{color:#fff; font-family:Mon_light; font-size:30px; letter-spacing:2px;}
.input_text{border-radius: 45px; border: 0px; height: 40px; width: 350px; font-family:Mon_ultralight; padding-left:20px;}
.input_text:focus-visible{outline:none;}
.boton_contact{
	position: relative;
    margin-left: -110px;
    border-radius: 45px;
    border: 0px;
    background: #8fd13e;
    color: #fff;
    font-family: 'Mon_ultralight';
    font-size: 15px;
    padding: 8px 30px;		
}
.parrafo_programas{	color:#fff; margin-top:100px;}
.parrafo_programas h1{font-size: 100px; font-family: 'Mon_semibold';}
.parrafo_programas h2{font-size:40px; font-family:'Mon_semibold';}
.parrafo_programas h3{font-family:'Mon_light'; font-size:25px; text-align:justify;}
.conocer_programas{
	background: #fff;
    border-radius: 15px;
    height: 80px;
    padding: 15px;
    text-align: center;
    font-family: 'Mon_bold';
    font-size: 20px;
    color: #000;	
}
.parrafo_programas a{text-decoration:none!important;}
.quiero_programas{
	background: #fff;
    border-radius: 15px;
    height: 80px;
    padding: 15px;
    text-align: center;
    font-family: 'Mon_bold';
    font-size: 20px;
    color: #000;
	width:400px;
}
.quiero_programas a{text-decoration:none!important;}
.img_programas{display: none;}
#proyectos{display: block;}
.imagen_f_responsive{display: none;}
.image_proyectos_mob{display: none;}
.proy_titulo{display: none;}
.contenido_proy_mob{display: none;}
.button_proy_mod{display: none;}
.modal-body label{color:#fff;}
/*@media only screen and (max-width: 1210px) {}*/
/* Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 1210px) {
  .imagen_home{width: 90px;}
  #menu_responsivo{display:block}
  #menu{display:none;}
  .container{max-width:100%!important; width: 100%!important;}
  #inicio{height: 590px;}
  .col-sm{flex-basis: auto;}
  .objetivo_text{padding: 50px; font-size: 28px; margin-top: 0px;}
  .text_inicio{margin-top: 100px; font-size: 25px; font-family: 'Mon_regular'; margin-left: 50px;}
  .innovar{margin-left: -450; font-size: 60px; }
  .saber_mas{margin-left: -450px; padding: 25px 30px; border-radius: 15px; font-size: 25px;}
  .span_inicio{display: ;}
  #ayuda2{height: 30%; background-position: center;}
  .ayuda2_text{font-size: 55px; margin-top: 200px; text-align: right; padding-right: 50%;}
  #ayuda .col-sm{padding: 0px 250px;}
  .imagen_f{display: none;}
  .imagen_f_responsive{display: block; width: 100%;}
  .imagen_f_responsive img{position: relative; float: right; height: 900px!important;}
  #programas .container{background-image: none;}
  #programas{height: 1400px; background: #8ece3d;}
  .img_programas{display: block;}
  .img_programas img{width: 100%; margin-top: -100px;}
  .parrafo_programas{ color:#fff; margin-top:100px;}
  .img_programas h1{color:#fff; font-size: 130px; font-family: 'Mon_semibold';}
  .img_programas h2{color:#fff; font-size:45px; font-family:'Mon_semibold';}
  .img_programas h3{color:#fff; font-family:'Mon_regular'; font-size:35px; text-align:justify; padding: 10px 35px;}
  .parrafo_programas{display: none;}
  .botones_programas{display: none;}
  .conocer_programas{width: 350px; float: left; font-size: 25px; height: 100px; margin-left: 5%; margin-top: 50px;}
  .quiero_programas{width:450px ; float: right; font-size: 25px; height: 100px; margin-right: 5%; margin-top: 50px;}
  .image_proyectos_mob{width: 100%; text-align: right; margin-top: -80px;}
  .proy_titulo{text-align: center; color: #436bb4; }
  .proy_titulo h1{font-family: 'Mon_semibold'; font-size: 100px; margin: 0px;}
  .proy_titulo h3{font-family: 'Mon_semibold'; font-size: 55px; margin: 0px;}
  .proy_titulo h2{font-family: 'Mon_semibold'; font-size: 80px; margin: 0px;}
  .contenido_proy_mob{font-size: 30px; padding: 10px 90px; text-align: justify; font-family: 'Mon_Regular';}
  .button_azul{font-size: 35px; background: #436bb4; width: 650px; color: #fff;border-radius: 25px; padding: 15px;font-family: 'Mon_semibold';}
  #proyectos{display: none;}
  .cin_img{width:400px ;}
  .imagen_f_responsive{display: block;}
.image_proyectos_mob{display: block;}
.proy_titulo{display: block;}
.contenido_proy_mob{display: block;}
.button_proy_mod{display: block;}
.imagen_menu{display: block ;}
#menu_responsivo ul{
    display: none;
    list-style-type: none;
    position: relative;
    float: right;
    background: #90d23e;
    margin-top: 95px;
    width: 500px;
    margin-right: -80px;
    font-size: 35px;
    font-family: 'Mon_regular';}
#menu_responsivo li{padding: 5px;}
#menu_responsivo a{color: #fff;}
#ayuda .contenido_p{font-size: 30px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }