@charset "UTF-8";
/********************************************************** Diseño Marina Casillas ****************************************************************/
/*********** IMPORTS ***********/
/**************************************** HEADER SUPERIOR ************************************************/
/*#073a42;*/
.top {
  position: fixed;
  top: 0;
  width: 100%; }

.header {
  height: 115px;
  width: 100%;
  position: fixed;
  z-index: 100;
  top: -180px; }

.headerSuperior {
  display: block;
  background: #fff;
  height: 40px;
  width: 100vw; }
  .headerSuperior .headerLinks {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px; }
    .headerSuperior .headerLinks span {
      color: #0059A2;
      font-size: 14px; }
  .headerSuperior .headerRedes {
    float: right;
    width: auto;
    display: flex;
    height: 40px;
    align-items: center; }
    .headerSuperior .headerRedes a {
      text-decoration: none; }
    .headerSuperior .headerRedes .headerRedes-caja {
      display: flex;
      height: 40px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      padding: 0 15px;
      /*&.lang {
          border-left: 1px solid #0059A2;
          span {
              font-size: 18px;
          }
      }*/ }
      .headerSuperior .headerRedes .headerRedes-caja img {
        width: 25px; }
      .headerSuperior .headerRedes .headerRedes-caja span {
        color: #0059A2; }
      .headerSuperior .headerRedes .headerRedes-caja:hover {
        background: #0059A2; }
        .headerSuperior .headerRedes .headerRedes-caja:hover span {
          color: #fff; }
      .headerSuperior .headerRedes .headerRedes-caja.telefono {
        background: #00AEBE; }
        .headerSuperior .headerRedes .headerRedes-caja.telefono span {
          display: none; }
        .headerSuperior .headerRedes .headerRedes-caja.telefono:hover span {
          display: block; }
        .headerSuperior .headerRedes .headerRedes-caja.telefono:hover img {
          margin-left: 10px; }

/********************* MENU INFERIOR ********************************/
.headerInferior {
  background: #fff;
  height: 70px;
  width: 100vw;
  }
  .headerInferior .headerLogo {
    width: auto;
    height: 70px;
    float: left;
    cursor: pointer;
    line-height: 70px; }
    .headerInferior .headerLogo img {
      width: auto;
      height: 60px; }

.headerInferior_content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .headerInferior_content .menu {
    width: auto;
    height: 70px;
    transition: all 0.3s ease; }
    .headerInferior_content .menu ul {
      width: 100%;
      height: 70px;
      padding: 0px;
      margin: 0px;
      list-style: none;
      position: relative;
      display: inline-block; }
      .headerInferior_content .menu ul li {
        padding: 0px;
        border-bottom: 5px solid transparent; }
        .headerInferior_content .menu ul li a {
          font-weight: bold;
          display: block;
          text-decoration: none;
          color: #999;
          font-size: 14px;
          height: 70px;
          line-height: 70px; }
          .headerInferior_content .menu ul li a:hover {
            color: #0059A2; }
        .headerInferior_content .menu ul li:hover > ul {
          top: 110px; }
        .headerInferior_content .menu ul li.hover > a {
          color: #0059A2; }
        .headerInferior_content .menu ul li > a {
          padding: 0 15px; }
      .headerInferior_content .menu ul ul {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-align: center;
        z-index: -1;
        transition: top 0.5s; }
        .headerInferior_content .menu ul ul > li {
          text-align: center;
          display: inline-block;
          position: relative;
          height: 70px; }
        .headerInferior_content .menu ul ul ul {
          position: absolute;
          left: 100%;
          top: 0; }
  .headerInferior_content .menu > ul > li {
    display: inline-block;
    height: 70px; }
    .headerInferior_content .menu > ul > li.sub_menu {
      min-width: 10em;
      padding: 4px 0;
      background: #f4f4f4;
      border: 1px solid #fff; }
  .headerInferior_content .iconMenu {
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center; }
    .headerInferior_content .iconMenu .barras {
      cursor: pointer; }
      .headerInferior_content .iconMenu .barras img {
        width: 35px; }
    .headerInferior_content .iconMenu .cross {
      display: none;
      cursor: pointer; }
      .headerInferior_content .iconMenu .cross img {
        width: 35px; }
    .headerInferior_content .iconMenu a {
      text-decoration: none;
      cursor: pointer;
      margin-left: 20px; }
      .headerInferior_content .iconMenu a .headerRedes-caja.lang {
        cursor: pointer; }
        .headerInferior_content .iconMenu a .headerRedes-caja.lang span {
          color: #444;
          font-size: 24px; }

@media (max-width: 900px) {
  .header {
    height: auto; }

  .headerSuperior {
    display: none; }

  .headerInferior_content .menu {
    display: none;
    position: fixed;
    top: 70px;
    width: 100%;
    left: 0;
    height: auto;
    max-height: 300px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    overflow: auto;
    background: #fff; }
    .headerInferior_content .menu ul {
      width: 100%;
      background: #fff;
      text-align: center;
      height: auto; }
      .headerInferior_content .menu ul li a {
        height: auto;
        line-height: inherit; }
      .headerInferior_content .menu ul li:hover > ul {
        top: auto;
        display: inline; }
      .headerInferior_content .menu ul li > a {
        padding: 15px 10px;
        border-bottom: 1px solid #ccc; }
      .headerInferior_content .menu ul ul {
        position: relative;
        left: auto;
        top: auto;
        display: none; }
        .headerInferior_content .menu ul ul > li a {
          padding: 10px;
          background: #ededed; }
        .headerInferior_content .menu ul ul > li {
          display: inline;
          position: relative;
          height: 70px; }
    .headerInferior_content .menu > ul > li {
      display: inline;
      height: 50px; }
  .headerInferior_content .iconMenu {
    display: flex;
    cursor: pointer; } }
/************************************************ FOOTER *****************************************************/
/*#073a42;*/
.footer {
  height: auto;
  width: 100%; }

.footerLinea {
  background: #222222;
  height: 10px; }

.footerSuperior {
  width: 100%;
  background: #f2f2f2;
  height: auto;
  padding: 15px 0;
  margin-top: 10%; }

.footerSuperiorContenido {
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  margin: 1% 5% 3% 5%; }

.footerLogo {
  margin-right: 50px; }
  .footerLogo img {
    width: 150px; }

.footerCaja_newsletter {
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: center; }

.newsletter_destacado {
  margin-right: 50px;
  display: flex;
  flex-direction: column; }
  .newsletter_destacado .newsletter_destacadobox:first-child {
    margin-bottom: 5px; }
  .newsletter_destacado .newsletter_destacadobox span {
    color: #fff;
    font-size: 15px; }
    .newsletter_destacado .newsletter_destacadobox span b {
      font-size: 20px; }

.newsletter_input {
  display: flex;
  flex-direction: column; }

.newsletter_inputbox:first-child {
  margin-bottom: 5px; }
.newsletter_inputbox input {
  height: 35px;
  padding: 0 5px;
  width: 300px;
  border: 1px solid #fff;
  color: #00AEBE;
  background: #fff;
  font-size: 18px;
  border-radius: 3px; }
.newsletter_inputbox span {
  color: #fff;
  font-size: 14px; }
.newsletter_inputbox a {
  color: #fff;
  font-size: 12px; }
.newsletter_inputbox button {
  height: 35px;
  padding: 0 5px;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #00AEBE;
  background: #00AEBE;
  color: #fff;
  cursor: pointer; }
  .newsletter_inputbox button span {
    color: #fff; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}



.footerRedes {
  float: right;
  width: auto;
  display: flex; }
  .footerRedes .footerRedes-caja {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
    display: flex; }
    .footerRedes .footerRedes-caja img {
      width: 30px; }

.footerInferior {
  width: 100%;
  background: #222222;
  height: auto;
  padding: 10px 0; }
  .footerInferior .divPeque {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }

.derechosRes, .avisoLegal {
  font-size: 12px;
  color: #444; }
  .derechosRes a, .avisoLegal a {
    font-size: 12px;
    color: #444;
    text-decoration: none; }

/* Mixins
================================================== */
h1.active, h2.active, p.active, span.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

html {
  scroll-behavior: smooth; }

/* 1. Set the keyframes 
============================================ */
@-webkit-keyframes a {
  0% {
    -webkit-transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes a {
  0% {
    -moz-transform: translateY(0); }
  50% {
    -moz-transform: translateY(-20px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes a {
  0% {
    -o-transform: translateY(0); }
  50% {
    -o-transform: translateY(-20px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes a {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0); } }
@-webkit-keyframes fadein {
  0%,50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadein {
  0%,50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadein {
  0%,50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadein {
  0%,50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* 2. Add it to the class

	Arguments:::
	
    animation-name: 			the name of the animation;
    animation-duration: 		how long the keyframes will take to go from 0% to 100%;
    animation-timing-function:	the speed from start to end (linier, ease [slow start, then ends fast]  linear, easing OR USE http://cubic-bezier.com/#0,.67,.75,.9;
    animation-delay: 			the delay beofore it animates;
    animation-iteration-count:	the number of times it plays;
    animation-direction:		;
	animation-fill-mode
	animation-play-state




	Example ::

	animation-name: bounce;
	animation-duration: 4s;
	animation-timing-function: ease-out;
	animation-delay: 2s;
	animation-iteration-count: 10;
	animation-direction: alternate;
	animation-fill-mode: forwards;
 
 
	Example - infinte loop::
	
	
	Example - play once only (one load, fade in)
 

============================================ */
.foto-libro{
    text-align: right;
}
.fadein {
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  -o-animation: fadein 1s;
  -ms-animation: fadein 1s;
  animation: fadein 1s; }

.down-arrow > * {
  animation-name: a;
  animation-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) -in;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-play-state: paused; }
.down-arrow:focus > *, .down-arrow:hover > * {
  animation-play-state: running; }

.preloader-animation {
  display: inline-block;
  animation: rotate 1s infinite linear;
  border: 4px solid rgba(255, 255, 255, 0.25);
  width: 20px;
  height: 20px;
  border-radius: 999px; }
  .preloader-animation:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 4px solid transparent;
    border-top: 4px solid rgba(50, 50, 50, 0.5);
    top: -4px;
    left: -4px;
    border-radius: 999px; }

.withpreloader {
  position: relative; }
  .withpreloader:before {
    content: '';
    background: #eee;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10; }
  .withpreloader .preloader-animation {
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    z-index: 11; }
  .withpreloader .preloader-animation {
    display: none; }
  .withpreloader:before {
    display: none; }
  .withpreloader.loading {
    line-height: 0;
    overflow: hidden; }
    .withpreloader.loading .preloader-animation {
      display: block; }
    .withpreloader.loading:before {
      display: block; }

/*#073a42;*/
@media (max-width: 2560px) {
  .header {
    top: -182px; }

  .divPeque {
    width: 80%;
    margin-bottom: 7%; } }
@media (max-width: 2400px) {
  .header {
    top: -168px; } }
@media (max-width: 2300px) {
  .header {
    top: -161px; } }
@media (max-width: 2200px) {
  .header {
    top: -156px; } }
@media (max-width: 2100px) {
  .header {
    top: -147px; } }
@media (max-width: 1950px) {
  .header {
    top: -139px; } }
@media (max-width: 1900px) {
  .header {
    top: -135px; } }
@media (max-width: 1800px) {
  .header {
    top: -129px; }

  .moreIcon {
    margin-left: 325px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -235px;
    margin-left: 272px; } }
@media (max-width: 1700px) {
  .header {
    top: -119px; } }
@media (max-width: 1600px) {
  .header {
    top: -114px; }

  .moreIcon {
    width: 37px;
    margin-bottom: -285px;
    margin-left: 275px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -231px;
    margin-left: 242px; } }
@media (max-width: 1500px) {
  .divPeque {
    width: 90%; }

  .headerInferior_content {
    width: 90%; }

  .header {
    top: -105px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -228px;
    margin-left: 250px; } }
@media (max-width: 1400px) {
  .header {
    top: -101px; }

  .moreIcon {
    margin-bottom: -290px;
    margin-left: 256px; }

  .plusIcon {
    margin-bottom: -249px; } }
@media (max-width: 1350px) {
  .plusIcon {
    margin-left: 231px; }

  .moreIcon {
    margin-left: 238px; } }
@media (max-width: 1300px) {
  .divPeque {
    width: 100%;
    margin: 0; }

  /**************** HEADER *********************************/
  .header {
    top: 0px; }

  .moreIcon {
    margin-left: 225px; }

  .plusIcon {
    margin-left: 225px; }

  .headerSuperior .headerLinks {
    margin-left: 60px; }

  .headerSuperior .headerRedes {
    margin-right: 60px; }

  /**************** SECCIONES *********************************/
  .adnContent {
    margin: 0 50px 60px 50px; }

  .sponsors {
    width: 100%; }

  /*.slick-slide img {
    padding-right: 130px; }*/

  .contactoContenido {
    padding: 50px 0px 0px 20px; }

  .contactTxt {
    margin-left: 40px; }

  /**************** FOOTER *********************************/
  .footerSuperior {
    padding: 10px; }

  .footerInferior {
    padding: 10px; } }
@media (max-width: 1250px) {
  span.name {
    font-size: 22px; } }
@media (max-width: 1200px) {
  .plusIcon {
    margin-bottom: -241px;
    margin-left: 190px; }

  .moreIcon {
    margin-bottom: -280px;
    margin-left: 185px; }

  .sectoresTxtEquipo {
    min-height: 350px; }

  span.name {
    font-size: 22px; }

  span.prof {
    font-size: 17px; }

  .divPeque70 {
    width: 80%; }

  .popUpEnvioSuccess {
    width: 50%; }

  .proyectosCajaimg {
    width: 90%;
    align-items: center; }
    .proyectosCajaimg img {
      width: 100%; } }
@media (max-width: 1150px) {
  .footerSuperiorImg {
    margin: 0 15px; }

  .moreIcon {
    margin-bottom: -275px;
    margin-left: 150px; }

  span.name {
    font-size: 20px; } }
@media (max-width: 1100px) {
  /** Seccion 1 **/
  .seccion-descript .content-list .list-box {
    width: 45%; }

  .proyectoTxt .height {
    height: 100px; }

  .sectoresTxtEquipo {
    padding: 30px 20px; }

  .plusIcon {
    margin-bottom: -241px;
    margin-left: 160px; }

  /*.slick-slide img {
    padding-right: 132px; }
*/
  .contactoFormCaja_input_txt input, .contactoFormCaja_input_txt select {
    width: 100%; }

  /** footer **/
  .footerSuperior .divPeque {
    flex-direction: column; }

  .footerLogo {
    margin-right: 0;
    margin-bottom: 20px; }

  .footerCaja_newsletter {
    margin-bottom: 20px; }

  .areas .sectores .box {
    width: 50%; }

  /*.slick-initialized .slick-slide {
    margin-right: 60px; }*/ }
@media (max-width: 1050px) {
  span.name {
    font-size: 21px; }

  .sectoresTxtEquipo {
    padding: 30px 15px; } }
@media (max-width: 1000px) {
  .divPeque70 {
    width: 90%; }

  .descript-PageTitulo {
    margin-right: 60px; }
    .descript-PageTitulo h1 {
      font-size: 30px; }
    .descript-PageTitulo h2 {
      font-size: 18px; }

  .descript-PageTxt h2 {
    font-size: 20px; }
  .descript-PageTxt span {
    font-size: 18px;
    line-height: 22px; }

  .sectoresTxtEquipo {
    padding: 30px 15px;
    min-height: 400px; }

  .moreIcon {
    margin-bottom: -275px; }

  .contactanos {
    width: 130%; } }
@media (max-width: 950px) {
  .sectoresTxtEquipo {
    padding: 30px 10px; }

  span.name {
    font-size: 20px; } }
@media (max-width: 900px) {
  .headerInferior .headerLogo img {
    width: auto;
    height: 55px; }

  .section-Title span {
    font-size: 38px; }

  .sectoresTxtEquipo {
    padding: 30px 30px;
    min-height: 500px; }

  .moreIcon {
    margin-bottom: -286px;
    margin-left: 139px; }

  .plusIcon {
    margin-bottom: -193px;
    margin-left: 122px; }

  /*.slick-slide img {
    padding-right: 200px; }*/

  .infoFooter {
    margin: 0 10% 0 10%; }

  /** Seccion 1 **/
  .seccion-descript .content-list .list-box {
    width: 90%;
    height: 200px; }

  /** Seccion 3 **/
  .seccion-caracteristicas .caracteriticas-content .caract-menu {
    display: none; }
  .seccion-caracteristicas .caracteriticas-content .caract-content .content-box {
    display: flex;
    flex-direction: column; }
    .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text {
      width: 90%;
      margin: 0 auto 20px auto; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text h3 {
        font-size: 20px;
        width: 100%; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text p {
        font-size: 15px;
        width: 100%; }
    .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img {
      width: 90%; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img img {
        width: 100%; }

  /** Seccion 4 **/
  .seccion-demo .content-demo {
    width: 90%;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    .seccion-demo .content-demo .demo-title {
      margin-bottom: 30px; }
      .seccion-demo .content-demo .demo-title h3 {
        font-size: 2.5rem;
        color: #ffffff;
        margin: 0 0 10px 0; }
      .seccion-demo .content-demo .demo-title p {
        margin: 0;
        font-size: 1.4rem;
        color: #ffffff; }

  /** Seccion 5 **/
  .seccion-comentarios {
    padding: 50px 0; }
    .seccion-comentarios .content-comentarios {
      width: 90%;
      margin: 40px auto 0 auto; }
      .seccion-comentarios .content-comentarios .cajaComentarios {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .seccion-comentarios .content-comentarios .cajaComentarios .ComentImg {
          margin-right: 0;
          margin-bottom: 20px; }

  /** Seccion 6 **/
  .seccion-clientes .content-clientes {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    .seccion-clientes .content-clientes .title-clientes {
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
    .seccion-clientes .content-clientes .img-clientes {
      width: 100%;
      height: auto; }
      .seccion-clientes .content-clientes .img-clientes .img-clientes-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        .seccion-clientes .content-clientes .img-clientes .img-clientes-box div {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center; }
          .seccion-clientes .content-clientes .img-clientes .img-clientes-box div img {
            margin: 20px;
            width: 100px;
            filter: grayscale(100%);
            opacity: 0.8; } }
@media (max-width: 800px) {
  .sectoresTxtEquipo {
    min-height: 400px; }

  .infoFooter {
    margin: 0 5% 0 10%; }

  .divPeque {
    margin-left: 0%; }

  .seccion-beneficios .content-beneficios .beneficios-box {
    width: 46%; }

  .areas .sectores .box {
    width: 50%; }

  .imgSponsors {
    width: 10%;
    margin-right: 170px; }

  .areas .sectores .box33 {
    width: 50%; }

  .plusIcon {
    margin-left: 180px; }

  .moreIcon {
    margin-bottom: -248px;
    margin-left: 188px; } }
@media (max-width: 750px) {
  .plusIcon {
    margin-bottom: -188px;
    margin-left: 155px; }

  .footerCaja_newsletter {
    width: 100%;
    flex-direction: column;
    align-content: center; }

  .newsletter_destacado {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center; }

  .newsletter_input {
    text-align: center; }

  .btnScrollTop {
    bottom: 15px;
    right: 15px; }

  .headerInferior_content .iconMenu .barras img {
    width: 30px; }

  .headerInferior_content .iconMenu .cross img {
    width: 20px; }

  .contactanos {
    width: 100vw; }
    .contactanos .box50 {
      width: 100vw; }
      .contactanos .box50 .box50 {
        width: 100vw; }

  .contactoContenido {
    width: 100vw; }

  .contactTxt {
    width: 80vw; } }
@media (max-width: 700px) {
  .infoFooter {
    margin: 0 1% 0 10%; }

  .divPeque70 {
    width: 100%; }

  .section-Title {
    margin-bottom: 50px; }

  .contactoFormCaja_input_txt {
    width: 90%; }

  .asuntoMensajeCaja {
    margin: 0 15px 30px 80px; }

  .portadaCaja {
    width: 80%; }

  span.portadaInicio_Title {
    font-size: 40px; }

  span.title1 {
    font-size: 40px; }

  span.portadaInicio_SubTitle {
    font-size: 25px; }

  span.subTitle1 {
    font-size: 25px; }

  .areas .sectores .box50 {
    width: 100%; }

  .areas .sectores .box {
    width: 100%; }

  .sectoresTxtEquipo {
    padding: 30px 15px; }

  .contactoContenido {
    padding: 50px 0px 0px 20px; }

  /** PORTADA ***/
  .seccion-descript {
    padding: 50px 0; }
    .seccion-descript .content-descript {
      text-align: left; }
      .seccion-descript .content-descript span {
        font-size: 1.2rem; }

  .seccion-beneficios {
    padding: 50px 0; }
    .seccion-beneficios .content-beneficios .beneficios-box .box-icon {
      text-align: left; }

  .headerLogo {
    display: flex;
    align-items: center; }
    .headerLogo img {
      height: 40px;
      margin-top: 0; }

  .adnContentCaja {
    width: 95%;
    margin-bottom: 55px; }

  .seccion-beneficios .content-beneficios .beneficios-box {
    width: 100%;
    text-align: justify; }

  .section-Title2 {
    text-align: center;
    width: 90%;
    margin-left: 2%; }

  .section-Title2 span {
    font-size: 22px; }

  .seccion-beneficios .content-beneficios .beneficios-box .box-icon span {
    color: #444444;
    font-size: 18px; }

  .areas .sectores .box a .proyectosCaja {
    margin: 0px 0px 60px 0px; }

  .btnCTA2 {
    padding: 5% 30%;
    margin: 1% 0% 7% 5%; }

  .box-icon2 {
    width: 100%;
    text-align: center;
    margin: 12% 0%;
    font-size: 18px;
    line-height: 1.5; }

  .btnCTA {
    margin-bottom: 50px;
    float: none;
    align: center; }

  .sponsors {
    width: 100%; }

  .imgSponsors {
    padding-left: 0px;
    margin-left: 30%; }

  .sectoresTxtEquipo {
    min-height: 375px; }

  .headerInferior .headerLogo img {
    height: 60px; }

  .iconTxt {
    font-size: 18px; }

  .proyectoTxt {
    font-size: 18px; }

  .plusIcon {
    margin-bottom: -316px;
    margin-left: 150px; }

  .moreIcon {
    margin-bottom: -357px;
    margin-left: 174px; } }
@media (max-width: 650px) {
  .moreIcon {
    margin-bottom: -350px;
    margin-left: 140px; } }
@media (max-width: 600px) {
  .sectoresTxtEquipo {
    padding: 30px 10px;
    min-height: 450px; }

  .infoFooter {
    display: block; }

  .explore {
    padding-bottom: 35px; }

  .address {
    padding-bottom: 35px; }

  

  .moreIcon {
    margin-bottom: -382px;
    margin-left: 150px; }

  .plusIcon {
    margin-bottom: -349px;
    margin-left: 120px; }

  .misionbox,
  .visionBox,
  .valoresBox {
    width: auto; }

  .misionBox_icon img {
    width: 80px; }

  .portadaServicesFrase span {
    font-size: 30px; }

  .subtitulo {
    width: 90%; }
    .subtitulo span {
      font-size: 15px; }

  .sectionTitle span {
    font-size: 30px; }

  .footerSuperiorImg img {
    display: none; }

  .footerSuperior-caja {
    max-width: 235px; }

  .areas .sectores .box {
    width: 100%; }

  .sectoresCajaimg {
    height: 150px; }

  .sectoresCajaimg-Titulo {
    height: 150px;
    line-height: 150px; }

  .servicios {
    padding: 50px 0; }

  .comentarios {
    padding: 50px 0; }

  .comentariosContent {
    width: 80%; }
    .comentariosContent .comentLeft, .comentariosContent .comentRight {
      flex-direction: column;
      align-items: center; }
      .comentariosContent .comentLeft .ComentImg, .comentariosContent .comentRight .ComentImg {
        margin: 0 0 20px 0; }

  .comentTxt-Title span {
    font-size: 14px; }

  .blogContent {
    background: #32549e;
    width: auto;
    height: auto;
    text-align: center; }

  .serviciosCajas {
    width: 90%;
    margin: 10px; }

  .portadaCaja {
    height: 250px; }

  .title2_bg,
  .subTitle2_bg {
    animation: none; }

  .title1,
  .subTitle1 {
    opacity: 1;
    animation: none; }

  .portadaCajaTxt h1 {
    font-size: 50px; }
  .portadaCajaTxt h2 {
    font-size: 20px; }

  .solucion-pageTitle h1 {
    font-size: 40px; }

  .incluyeContentCaja span {
    font-size: 18px; }

  .Incluye-page {
    padding: 50px 0; }

  .incluyeContentCaja img {
    height: 25px; }

  .solucion-page {
    padding: 50px 0; }

  .footerInferior .divPeque {
    flex-direction: column; }

  .derechosRes {
    margin-bottom: 10px; }

  .nuestroMST_txt span {
    font-size: 14px; }

  .solucion-pageTitle {
    margin-bottom: 20px; }

  /*.sectoresCajaTxt {
    padding: 30px 37px 0px 37px; }*/ }
@media (max-width: 550px) {
  /*.sectoresCajaTxt {
    padding: 30px 0px 0px 10px; }*/

  span.name {
    font-size: 19px; }

  .moreIcon {
    margin-bottom: -411px;
    margin-left: 136px; }

  .plusIcon {
    margin-bottom: -335px;
    margin-left: 120px; }

  .portadaPageComerCaja {
    width: 350px;
    height: 330px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px; }

  .poratadaPageImg {
    width: auto;
    height: 150px; }

  .popUpnews {
    width: 90%; }

  .popUpTitulo {
    font-size: 30px; }

  .newsContentTxt span {
    font-size: 15px; }

  .validarNews span {
    font-size: 12px; }

  .popUpNews-top {
    text-align: center; }

  .popUpNews-top i {
    font-size: 80px;
    animation: none;
    left: 0;
    position: inherit;
    opacity: 1; }

  .portadaCajaTxt h1 {
    font-size: 40px; } }
@media (max-width: 500px) {
  .adnContent {
    margin: 0 10px 60px 20px; }

  .portadaEquipo {
    background-image: url(../imagenes/portada-equipo-phone.jpg); }

  .rights {
    display: block; }

  .avisoLegal {
    margin: 10% 0%; }

  .sectoresTxtEquipo {
    min-height: 400px; }

  .slider {
    width: 85vw;
    margin: 100px 0px 0px 0px; }

  /*.slick-slide img {
    padding-right: 100px; }*/

  .footerSuperiorContenido {
    display: block; }

  .footerSuperior {
    padding: 20%; }

  .contact {
    padding-bottom: 35px; }

  .btnCTA {
    width: 100%;
    text-align: center; }

  .contactoFormCaja_input_txt {
    width: 100%; }

  .asuntoMensajeCaja {
    margin: 0 15px 30px 20px; }

  .plusIcon {
    width: 45px;
    margin-bottom: -370px;
    margin-left: 220px; }

  .moreIcon {
    margin-bottom: -425px;
    margin-left: 240px;
    width: 45px; }

  

  .sectoresTxtEquipo .sectoresCajaTxt-Desc {
    font-size: 16px;
    margin-top: 20px; 
    margin-bottom: 20px;
  }

  .datosPersonales {
    flex-direction: column; }

  .datosPersonalesCaja {
    width: 100%; }
    .datosPersonalesCaja.marginContact {
      width: 100%;
      margin-right: 0; }

  .contactImg img {
    width: 150px; }

  .contactTtl span {
    font-size: 30px; }

  .contactTxt span {
    font-size: 16px; }

  .footerSuperior-caja {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0; }

  .validarEnvio {
    font-size: 12px; }

  .beneficiosContentCaja {
    width: 150px; }

  .beneficiosContentCaja span {
    font-size: 15px; }

  .areas .sectores .box33 {
    width: 100%;
    margin-top: 15%; }

  

  .section-Title-Team {
    margin: 50px 30px; } }
@media (max-width: 450px) {
  .cookies {
    width: 90%; }

  .portadaCajaTxt h1 {
    font-size: 30px; }

  .portadaCajaTxt h2 {
    font-size: 18px; }

  .rayaSepTitulo {
    height: 2px;
    margin: 15px auto; }

  .sectionTitle {
    padding: 0 10px; }

  .subtitulo span {
    font-size: 15px; }

  .blogContentTitulo {
    font-size: 22px; }

  .rayaSepTituloWhite {
    height: 2px;
    margin: 15px auto; }

  .blogContent {
    width: 95%; }

  .moreIcon {
    margin-left: 200px; }

  .plusIcon {
    margin-left: 200px; } }
@media (max-width: 400px) {
  /*.sectoresCajaTxt {
    padding: 30px 30px 0px 30px; }*/

  .portadaPageComerCaja {
    width: auto; }

  .plusIcon {
    margin-left: 190px; }

  .sectoresTxtEquipo .sectoresCajaTxt-Desc {
    font-size: 14px;
    margin-top: 15px; }

  .contactoContent span {
    font-size: 18px; }

  .contactoContent {
    margin-bottom: 30px; }

  .actualizaciones {
    display: none; }

  .menuRedes {
    display: none; }

  .popUpnews {
    top: 150px;
    left: 10px; }

  .newsletter_inputbox input {
    margin-bottom: 10px;
    width: 100%; }

  .newsletter_inputbox button {
    width: 100%; }

  .moreIcon {
    margin-left: 170px;
    margin-bottom: -396px; } }
@media (max-width: 350px) {
  /*.sectoresCajaTxt {
    padding: 30px 15px 0px 0px; }*/

  .moreIcon {
    margin-left: 148px; }

  .plusIcon {
    margin-left: 150px; } }
/************* CONTENT *****************/
* {
  box-sizing: border-box; }

body, html {
  height: 100%;
  margin: 0px 0px 0px 0px;
  font-family: 'Lato', sans-serif;
  max-width: 100vw;
  width: 100vw;
  padding: 0px 0px 0px 0px;
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px;
  background: #fff;
  overflow-x: clip; }

.hide {
  display: none; }

#div1, #div2, #div3 {
  visibility: hidden; }

.sectoresCajaTxt-Desc {
  z-index: 1; }

/********************************************* CONTENIDO GLOBAL *****************************************************/
.sectoresCajaimg2 {
  z-index: 15000;
  cursor: pointer;
  margin-top: -48px;
  width: 100%;
  padding: 0 30px; 
}

.moreIcon2 {
  width: 37px;
  float: right; }

.plusIcon2 {
  width: 37px;
  float: right; }

.seccion-valores {
  padding: 100px 0; }

.seccion-proyectos {
  padding: 100px 0; }

.btnScrollTop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 30px;
  border: 2px solid #0059A2;
  cursor: pointer;
  padding: 15px 19px;
  z-index: 70;
  opacity: 0.7;
  background: #ffffff;
  border-radius: 50%; }
  .btnScrollTop:hover {
    opacity: 1;
    background: #0059A2; }
    .btnScrollTop:hover i {
      color: #ffffff; }
  .btnScrollTop i {
    font-size: 20px;
    color: #0059A2; }

.divPeque {
  width: 80%;
  margin: 0 auto; }

.divPeque70 {
  width: 70%;
  margin: 0 auto; }

.seccionTitulo {
  margin-bottom: 70px;
  text-align: center; }
  .seccionTitulo span {
    font-size: 3em;
    color: #666666; }
    .seccionTitulo span b {
      color: #00AEBE; }

a.link {
  color: #00AEBE;
  font-weight: bold;
  text-decoration: none; }
  a.link:hover {
    border-bottom: 1px solid #00AEBE;
    text-decoration: none; }

.btnEaliciaCTA {
  width: auto;
  border: none;
  background: #00AEBE;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 15px 25px;
  border-radius: 3px;
  text-align: left; }
  .btnEaliciaCTA:hover {
    background: #0990A6; }
  .btnEaliciaCTA span {
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    white-space: nowrap;
    color: #ffffff; }

.btnEaliciaCTA_white {
  width: auto;
  border: none;
  background: #ffffff;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 15px 25px;
  border-radius: 3px;
  text-align: left; }
  .btnEaliciaCTA_white:hover {
    background: #cccccc; }
  .btnEaliciaCTA_white span {
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    white-space: nowrap;
    color: #00AEBE; }

.section-Title {
  margin-bottom: 0px;
  text-align: center; }
  .section-Title span {
    color: #444;
    font-weight: bold;
    font-size: 42px;
    line-height: 1.33; }
  .section-Title .subtitulo {
    width: 50%;
    margin: 0 auto; }
    .section-Title .subtitulo span {
      font-size: 18px;
      font-weight: normal;
      color: #666666; }
  .section-Title .rayaSepTitulo {
    background: #0990A6;
    height: 3px;
    width: 90px;
    margin: 20px auto;
    border-radius: 50px; }
  .section-Title .rayaSepTituloWhite {
    background: #ffffff;
    height: 3px;
    width: 100px;
    margin: 25px auto;
    border-radius: 50px; }

/**************************************** PORTADA **********************************************/
.portada {
  height: auto;
  background-position: center;
  background-size: cover;
  display: flex;
  background-image: url(../imagenes/portadahome_2.jpg);
  margin-bottom: 5vh; }
  .portada .portada_Box {
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .portada .portada_Box .portada_texto {
      margin: 40vh auto 30px auto;
      position: absolute;
      padding: 0 8%; }
  .portada .portada_img {
    width: 100vw;
    height: 100vh; }
    .portada .portada_img img {
      width: 100vw; }

/********************************************** SECCION 1 *****************************************************/
.adn {
  width: auto;
  height: auto;
  background: #fff; }

.divPeque {
  width: 70%;
  margin-bottom: 7%; }

.adnContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.adnContentCaja {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  flex-direction: column;
  margin-top: 80px; }

.adnContentCaja img {
  width: 125px;
  margin-bottom: 40px; }

.adnContentCaja span {
  color: #444;
  height: 20px; }

.iconTxt {
  text-align: justify;
  font-size: 17px;
  margin-top: 20px; }

.iconTitle {
  font-size: 20px;
  color: #444; }

.content-descript {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px; }

.content-descript span {
  font-size: 1.4rem;
  color: #444444; }

.section-Title2 {
  margin-bottom: 45px;
  text-align: center;
  width: 70%;
  margin-left: 15%; }

.section-Title2 span {
  color: #444;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.33; }

.seccion-descript .content-descript {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px; }
  .seccion-descript .content-descript span {
    font-size: 1.4rem;
    color: #444444; }
.seccion-descript .content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .seccion-descript .content-list .list-box {
    width: 30%;
    height: 400px;
    background: #ffffff;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover; }
    .seccion-descript .content-list .list-box.mide {
      background-position: center;
      background-image: url(../imagenes/medir.jpg); }
    .seccion-descript .content-list .list-box.define {
      background-position: bottom;
      background-image: url(../imagenes/define.jpg); }
    .seccion-descript .content-list .list-box.construye {
      background-position: center;
      background-image: url(../imagenes/construye.jpg); }
    .seccion-descript .content-list .list-box .box-dark {
      width: 100%;
      height: 100%;
      background: rgba(7, 86, 99, 0.4);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: end;
      text-align: left;
      padding: 30px; }
      .seccion-descript .content-list .list-box .box-dark span {
        font-size: 30px;
        color: #ffffff;
        background: #000000;
        line-height: 40px; }

/********************************************** SECCION 2 ****************************************************/
.seccion-beneficios {
  background: #F2F7FA;
  padding: 100px 0; }
  .seccion-beneficios .content-beneficios {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .seccion-beneficios .content-beneficios .beneficios-box {
      display: flex;
      text-align: left;
      flex-direction: column;
      align-items: baseline;
      width: 40%; }
      .seccion-beneficios .content-beneficios .beneficios-box .box-icon {
        justify-content: center;
        align-items: center;
        margin: 35px;
        text-align: justify; }
        .seccion-beneficios .content-beneficios .beneficios-box .box-icon img {
          width: 50px;
          margin-right: 10px; }
        .seccion-beneficios .content-beneficios .beneficios-box .box-icon span {
          color: #444444;
          font-size: 18px; }

/********************************************** SECCION 3 ***************************************************/
.areas .sectores {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto; }

.areas .sectores .box {
  width: 25%;
  padding-left: 20px;
  padding-bottom: 20px; }

.areas .sectores .box a {
  text-decoration: none; }

.areas .sectores .box a .proyectosCaja {
  height: auto;
  margin: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  transition: transform 0.5s; }

.areas .sectores .box a .proyectosCaja .proyectosCajaTxt {
  width: auto;
  height: auto;
  padding-top: 15px;
  position: relative;
  clear: both;
  background-color: #F2F7FA; }

.proyectoTitle {
  font-size: 26px;
  margin-bottom: 20px;
  color: #444;
  font-weight: 600;
  text-align: left;
  margin-top: 20px; }

.proyectosCajaimg img {
  width: 100%; }

.proyectoTitle2 {
  font-size: 26px;
  margin-bottom: 20px;
  color: #444;
  font-weight: 600;
  margin-top: 20px; }

.proyectoTxt {
  font-size: 16px;
  color: #444;
  line-height: 1.5;
  text-align: justify; }

.proyectoTxt.height {
  height: 150px; }

.areas .sectores .box50 {
  width: 50%;
  padding-left: 20px;
  padding-bottom: 20px; }

.areas .sectores .box a {
  text-decoration: none; }

.areas .sectores .box50 a .proyectosCaja {
  height: auto;
  margin: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  transition: transform 0.5s; }

.areas .sectores .box50 a .proyectosCaja .proyectosCajaTxt {
  width: auto;
  height: auto;
  padding: 15px;
  position: relative;
  clear: both;
  background-color: #fff; }

.areas .sectores .box a .sectoresCaja .sectoresCajaimg .sectoresCajaimg-Titulo {
  width: auto;
  height: 200px;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  padding-top: 35%;
  text-transform: uppercase; }

.areas .sectores .box a .sectoresCaja .sectoresCajaTxt {
  width: auto;
  height: auto;
  padding: 15px;
  position: relative;
  clear: both;
  background-color: #fff; }

.seccion-caracteristicas {
  padding: 50px 0 100px 0;
  background: #F2F7FA; }
  .seccion-caracteristicas .caracteriticas-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%; }
    .seccion-caracteristicas .caracteriticas-content .caract-menu {
      flex-direction: row;
      align-items: center;
      margin-bottom: 40px;
      width: 64%;
      margin-left: 10%; }
      .seccion-caracteristicas .caracteriticas-content .caract-menu .menu-box {
        margin: 20px;
        padding: 10px;
        cursor: pointer; }
        .seccion-caracteristicas .caracteriticas-content .caract-menu .menu-box span {
          font-size: 18px;
          font-weight: bold; }
        .seccion-caracteristicas .caracteriticas-content .caract-menu .menu-box.active {
          color: #0059A2; }
        .seccion-caracteristicas .caracteriticas-content .caract-menu .menu-box:hover {
          color: #0059A2; }
    .seccion-caracteristicas .caracteriticas-content .caract-content {
      width: 100%; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box {
        display: none;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text {
          width: 50%;
          margin-left: 5%; }
          .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text h3 {
            font-size: 23px;
            width: 50%;
            margin: 0 auto 20px auto;
            color: #0059A2; }
          .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text p {
            font-size: 18px;
            width: 100%;
            margin: 0 auto; }
        .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img {
          width: 50%;
          text-align: right; }
          .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img img {
            width: 100%; }
        .seccion-caracteristicas .caracteriticas-content .caract-content .content-box.show {
          display: flex; }

.box-icon2 {
  width: 60%;
  text-align: center;
  margin: 2% 20%;
  font-size: 18px;
  line-height: 1.5; }

/********************************************** SECCION 4 ***************************************************/
.seccion-recursos {
  background: #F2F7FA;
  padding: 100px 0; }

.seccion-demo {
  padding: 80px 0;
  background: #0990A6; }
  .seccion-demo .content-demo {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .seccion-demo .content-demo .demo-title h3 {
      font-size: 3rem;
      color: #ffffff;
      margin: 0 0 10px 0; }
    .seccion-demo .content-demo .demo-title p {
      margin: 0;
      color: #ffffff;
      font-size: 1.5rem; }

.btnCTA {
  width: auto;
  border: 1px solid transparent;
  background: #F2F7FA;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 10px 30px;
  text-align: left;
  margin-top: 20px;
  float: right; }
  .btnCTA span {
    letter-spacing: 1px;
    font-size: 17px;
    white-space: nowrap;
    color: #0059A2; }
  .btnCTA svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .btnCTA rect {
    fill: none;
    stroke: #0059A2;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear; }

.btnCTA:hover {
  background: #F2F7FA; }
  .btnCTA:hover rect {
    stroke-width: 2;
    stroke-dasharray: 15, 310;
    stroke-dashoffset: 48;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); }

.btnCTA2 {
  width: auto;
  border: none;
  background: #0059A2;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 1% 5%;
  border-radius: 10px;
  text-align: left;
  margin: 5% 0% 7% 42%; }

.btnCTA2 span {
  font-weight: 20PX;
  letter-spacing: 1px;
  font-size: 17px;
  color: #fff; }

.areas .sectores .box a .proyectosCaja2 {
  height: auto;
  margin: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  transition: transform 0.5s; }

.areas .sectores .box a .proyectosCaja2 .proyectosCajaTxt {
  width: auto;
  height: auto;
  padding-top: 15px;
  position: relative;
  clear: both;
  background-color: #F2F7FA; }

/********************************************** PÁGINA EQUIPO ***************************************************/
.portadaEquipo {
  height: auto;
  background-position: center;
  background-size: cover;
  display: flex;
  background-image: url(../imagenes/portada-equipo.jpg);
  height: 100%; }

.portada .portada_BoxEquipo {
  position: absolute;
  top: 270px;
  left: 80px; }

.portadaEquipo .portada_BoxEquipo .portada_texto {
  width: 70%;
  margin: 0 auto 30px auto;
  position: absolute; }
  .portadaEquipo .portada_BoxEquipo .portada_texto h1 {
    padding: 0;
    font-size: 42px;
    color: #222; }
  .portadaEquipo .portada_BoxEquipo .portada_texto h2 {
    width: 100%;
    padding: 0;
    margin-top: 30px;
    font-size: 26px;
    font-weight: normal;
    color: #111;
    margin-left: 100px;
    text-align: justify; }

.areas .sectores .box33 {
  width: 33%;
  /*padding-left: 20px;*/
  padding-bottom: 20px; }

.sectoresTxtEquipo {
  width: auto;
  min-height: 320px;
  padding: 15px;
  clear: both;
  background-color: #fff;
  padding: 30px;
  border: 1px solid #0059A2;
  border-radius: 10px;
  z-index: -1;
  margin-top: 25px; }
  .sectoresTxtEquipo a {
    cursor: pointer; }

.sectoresTxtEquipo .sectoresCajaTxt-Desc {
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 30px;
  display: none; }

.sectoresTxtEquipo2 {
  width: auto;
  height: 300px;
  padding: 15px;
  position: relative;
  clear: both;
  background-color: #fff;
  padding: 30px;
  border: 1px solid #0059A2;
  border-radius: 10px;
  z-index: -1;
  margin-top: 10px; }

.sectoresTxtEquipo2 .sectoresCajaTxt-Desc {
  background-color: #CCDEEC;
  font-size: 14px;
  line-height: 1.5;
  display: none; }

/*.sectoresCajaimg:hover {

	.sectoresTxtEquipo {
	background-color: #CCDEEC;
	}
	
	.sectoresCajaTxt {
		display:none;
	}	
	.sectoresCajaTxt-Desc{
		display: block;
	}
}*/
span.name {
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 30px; }

span.prof {
  font-size: 18px; }

.logoIN {
  float: left; }

.logoID {
  float: left;
  width: 30px; }

.colaboradores {
  min-height: 300px; }

.section-Title-Team {
  margin: 50px 0px;
  padding-top: 50px;
  font-size: 42px;
  font-weight: bold;
  color: #444; }



.plusIcon {
  width: 37px;
  margin-bottom: -260px;
  margin-left: 194px; }

.moreIcon {
  width: 37px;
  margin-bottom: -285px;
  margin-left: 250px; }

/*********************************************** CONTACTO *****************************************************/
.contacto {
  height: auto;
  background-image: url(../imagenes/contacto.png);
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover; }

.contactoContenido {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  padding: 50px 0px 0px 100px; }

.contactoDesc {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px; }

.contactTtl span {
  font-size: 35px;
  color: #444;
  font-weight: bold; }

.contactTxt span {
  font-size: 22px;
  color: #444; }

.contactoForm {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%; }

.contactoFormCaja {
  width: 350px;
  margin: 10px;
  display: flex;
  flex-direction: column; }

.contactoFormCaja_input {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 3px;
  height: 40px;
  padding: 0 10px; }

.contactoFormCaja_input_Img {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 10px; }

.contactoFormCaja_input_Img img {
  height: 30px; }

.contactoFormCaja_input_txt {
  width: 100%;
  color: #222; }

.contactoFormCaja_input_txt input,
.contactoFormCaja_input_txt select {
  width: 90%;
  background: #F2F7FA;
  color: #444;
  border: none;
  display: flex;
  flex-direction: row;
  height: 40px;
  padding: 0 10px;
  margin: 15px 15px 30px 0px;
  font-size: 15px; }

.contactoFormCaja_input_txt input::placeholder {
  color: #444; }

.contactoFormCaja_input_txt ::-webkit-input-placeholder {
  color: #444; }

.contactoFormCaja_input_txt :-ms-input-placeholder {
  color: #444; }

.contactoFormCaja_input_txt input:focus,
.contactoFormCaja_input_txt select:focus {
  outline: 0px; }

.datosPersonales {
  height: auto;
  display: flex;
  flex-wrap: wrap; }

.spanBlanco {
  height: 20px; }

.spanObliga, .spanAceptTerminos {
  height: 20px;
  background: #444;
  line-height: 20px;
  padding-left: 5px;
  opacity: 0; }

.spanObliga span, .spanAceptTerminos span {
  font-size: 14px;
  font-weight: bold;
  color: #000000; }

.asuntoMensaje {
  height: auto; }

.asuntoMensajeCaja {
  display: flex;
  flex-direction: column;
  margin: 0 15px 30px 15px;
  width: 100%; }

.asuntoMensajeCaja span {
  color: #222;
  font-size: 17px; }

.asuntoMensajeCaja textarea {
  margin: 5px 0 0 0;
  padding: 5px;
  width: 90%;
  color: #444;
  font-size: 15px;
  background: #F2F7FA; }

.asuntoMensajeCaja textarea:focus {
  outline: 0px; }

.validarEnvio {
  width: auto;
  font-size: 14px;
  margin: 0 15px 30px 15px; }

.validarEnvioCaja {
  width: 100%;
  margin-bottom: 10px;
  color: #444;
  font-size: 14px; }

.validarEnvioCaja:last-child {
  margin-bottom: 0; }

.validarEnvioCaja a {
  color: #444; }

.validarEnvioCaja input[type="checkbox"] {
  display: none; }

.validarEnvioCaja input[type="checkbox"] + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #444;
  line-height: 9px; }

.validarEnvioCaja input[type="checkbox"]:checked + label span::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 2px 0 0 2px;
  font-size: 9px; }

.validarEnvioCaja span {
  font-size: 12px; }

.datosBottonera {
  width: 100%; }

.spanCampoReq {
  background: #444;
  padding: 5px 10px;
  margin-bottom: 10px; }

.spanCampoReq span {
  font-size: 15px;
  line-height: 15px;
  font-weight: bold; }

.contactoFinal {
  width: 100%; }

/************************************************ CONTÁCTANOS  *****************************************************/
.infoResumida span {
  font-size: 14px;
  line-height: 1.5; }

.seccion-contacto {
  margin-top: 20vh; }

.contactanos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
  margin-top: 60px; }
  .contactanos .box50 {
    width: 50%;
    padding-left: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
    .contactanos .box50 .box50 {
      width: 50%;
      padding-left: 20px;
      padding-bottom: 20px;
      display: block; }
      .contactanos .box50 .box50 .infoTitle span {
        font-size: 22px;
        color: #444;
        padding-bottom: 10px; }
      .contactanos .box50 .box50 .infoTxt span {
        font-size: 20px;
        color: #444;
        line-height: 1.5;
        padding-bottom: 15px; }

.contactTxt {
  width: 70%;
  text-align: center;
  margin-left: 85px; }

.formulario {
  flex-wrap: nowrap; }

.section-Title-contacto span {
  font-size: 42px; }

.rights {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 1% 5% 1% 5%;
  padding-right: 10%;
  align-items: center; }

.infoFooter {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 20% 0 10%; }

span.titleFooter {
  font-size: 16px;
  border-bottom: 1px solid #0059A2;
  color: #0059A2;
  font-weight: 600; }

span.txtFooter {
  font-size: 14px;
  color: #0059A2;
  font-weight: 100; }

    span.txtFooter a {
        color: #0059A2;
    }

        span.txtFooter a:hover {
            text-decoration: underline !important;
        }

        .explore a {
            text-decoration: none;
            font-size: 14px;
            color: #0059A2;
            font-weight: 100;
        }

    .explore a:hover {
        text-decoration: underline !important;
    }


/************************************************ CAROUSEL  *****************************************************/
.entity {
  background-color: #fff;
  margin-bottom: 2em;
  position: relative; }

.carousel {
  margin: 4em; }

.type-card-wrapper {
  display: block; }

.type-card {
  border-radius: .25em;
  background-color: white;
  list-style-image: none;
  list-style-type: none;
  width: 16em;
  z-index: 15;
  position: relative;
  margin: 0;
  display: inline-block; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: #444; }

/******************************************** IMPORT MEDIA ********************************************************/
@media (max-width: 2560px) {
  .header {
    top: -182px; }

  .divPeque {
    width: 80%;
    margin-bottom: 7%; } }
@media (max-width: 2400px) {
  .header {
    top: -168px; } }
@media (max-width: 2300px) {
  .header {
    top: -161px; } }
@media (max-width: 2200px) {
  .header {
    top: -156px; } }
@media (max-width: 2100px) {
  .header {
    top: -147px; } }
@media (max-width: 1950px) {
  .header {
    top: -139px; } }
@media (max-width: 1900px) {
  .header {
    top: -135px; } }
@media (max-width: 1800px) {
  .header {
    top: -129px; }

  .moreIcon {
    margin-left: 325px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -235px;
    margin-left: 272px; } }
@media (max-width: 1700px) {
  .header {
    top: -119px; } }
@media (max-width: 1600px) {
  .header {
    top: -114px; }

  .moreIcon {
    width: 37px;
    margin-bottom: -285px;
    margin-left: 275px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -231px;
    margin-left: 242px; } }
@media (max-width: 1500px) {
  .divPeque {
    width: 90%; }

  .headerInferior_content {
    width: 90%; }

  .header {
    top: -105px; }

  .plusIcon {
    width: 37px;
    margin-bottom: -228px;
    margin-left: 250px; } }
@media (max-width: 1400px) {
  .header {
    top: -101px; }

  .moreIcon {
    margin-bottom: -290px;
    margin-left: 256px; }

  .plusIcon {
    margin-bottom: -249px; } }
@media (max-width: 1350px) {
  .plusIcon {
    margin-left: 231px; }

  .moreIcon {
    margin-left: 238px; } }
@media (max-width: 1300px) {
  .divPeque {
    width: 100%;
    margin: 0; }

  /**************** HEADER *********************************/
  .header {
    top: 0px; }

  .moreIcon {
    margin-left: 225px; }

  .plusIcon {
    margin-left: 225px; }

  .headerSuperior .headerLinks {
    margin-left: 60px; }

  .headerSuperior .headerRedes {
    margin-right: 60px; }

  /**************** SECCIONES *********************************/
  .adnContent {
    margin: 0 50px 60px 50px; }

  .sponsors {
    width: 100%; }

  /*.slick-slide img {
    padding-right: 130px; }*/

  .contactoContenido {
    padding: 50px 0px 0px 20px; }

  .contactTxt {
    margin-left: 40px; }

  /**************** FOOTER *********************************/
  .footerSuperior {
    padding: 10px; }

  .footerInferior {
    padding: 10px; } }
@media (max-width: 1250px) {
  span.name {
    font-size: 22px; } }
@media (max-width: 1200px) {
  .plusIcon {
    margin-bottom: -241px;
    margin-left: 190px; }

  .moreIcon {
    margin-bottom: -280px;
    margin-left: 185px; }

  .sectoresTxtEquipo {
    min-height: 350px; }

  span.name {
    font-size: 22px; }

  span.prof {
    font-size: 17px; }

  .divPeque70 {
    width: 80%; }

  .popUpEnvioSuccess {
    width: 50%; }

  .proyectosCajaimg {
    width: 90%;
    align-items: center; }
    .proyectosCajaimg img {
      width: 100%; } }
@media (max-width: 1150px) {
  .footerSuperiorImg {
    margin: 0 15px; }

  .moreIcon {
    margin-bottom: -275px;
    margin-left: 150px; }

  span.name {
    font-size: 20px; } }
@media (max-width: 1100px) {
  /** Seccion 1 **/
  .seccion-descript .content-list .list-box {
    width: 45%; }

  .proyectoTxt .height {
    height: 100px; }

  .sectoresTxtEquipo {
    padding: 30px 20px; }

  .plusIcon {
    margin-bottom: -241px;
    margin-left: 160px; }

  /*.slick-slide img {
    padding-right: 132px; }*/

  .contactoFormCaja_input_txt input, .contactoFormCaja_input_txt select {
    width: 100%; }

  /** footer **/
  .footerSuperior .divPeque {
    flex-direction: column; }

  .footerLogo {
    margin-right: 0;
    margin-bottom: 20px; }

  .footerCaja_newsletter {
    margin-bottom: 20px; }

  .areas .sectores .box {
    width: 50%; }

  /*.slick-initialized .slick-slide {
    margin-right: 60px; }*/ }
@media (max-width: 1050px) {
  span.name {
    font-size: 21px; }

  .sectoresTxtEquipo {
    padding: 30px 15px; } }
@media (max-width: 1000px) {
  .divPeque70 {
    width: 90%; }

  .descript-PageTitulo {
    margin-right: 60px; }
    .descript-PageTitulo h1 {
      font-size: 30px; }
    .descript-PageTitulo h2 {
      font-size: 18px; }

  .descript-PageTxt h2 {
    font-size: 20px; }
  .descript-PageTxt span {
    font-size: 18px;
    line-height: 22px; }

  .sectoresTxtEquipo {
    padding: 30px 15px;
    min-height: 400px; }

  .moreIcon {
    margin-bottom: -275px; }

  .contactanos {
    width: 130%; } }
@media (max-width: 950px) {
  .sectoresTxtEquipo {
    padding: 30px 10px; }

  span.name {
    font-size: 20px; } }
@media (max-width: 992px) {
    .mvl-center{
        text-align: center;
    }
    .foto-libro{
        text-align: center;
    }
    .hide-992{
        display: none;
    }
}
    
    @media (max-width: 900px) {
  .headerInferior .headerLogo img {
    width: auto;
    height: 55px; }

  .section-Title span {
    font-size: 38px; }

  .sectoresTxtEquipo {
    padding: 30px 30px;
    min-height: 500px; }

  .moreIcon {
    margin-bottom: -286px;
    margin-left: 139px; }

  .plusIcon {
    margin-bottom: -193px;
    margin-left: 122px; }

  /*.slick-slide img {
    padding-right: 200px; }*/

  .infoFooter {
    margin: 0 10% 0 10%; }

  /** Seccion 1 **/
  .seccion-descript .content-list .list-box {
    width: 90%;
    height: 200px; }

  /** Seccion 3 **/
  .seccion-caracteristicas .caracteriticas-content .caract-menu {
    display: none; }
  .seccion-caracteristicas .caracteriticas-content .caract-content .content-box {
    display: flex;
    flex-direction: column; }
    .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text {
      width: 90%;
      margin: 0 auto 20px auto; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text h3 {
        font-size: 20px;
        width: 100%; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-text p {
        font-size: 15px;
        width: 100%; }
    .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img {
      width: 90%; }
      .seccion-caracteristicas .caracteriticas-content .caract-content .content-box .box-img img {
        width: 100%; }

  /** Seccion 4 **/
  .seccion-demo .content-demo {
    width: 90%;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    .seccion-demo .content-demo .demo-title {
      margin-bottom: 30px; }
      .seccion-demo .content-demo .demo-title h3 {
        font-size: 2.5rem;
        color: #ffffff;
        margin: 0 0 10px 0; }
      .seccion-demo .content-demo .demo-title p {
        margin: 0;
        font-size: 1.4rem;
        color: #ffffff; }

  /** Seccion 5 **/
  .seccion-comentarios {
    padding: 50px 0; }
    .seccion-comentarios .content-comentarios {
      width: 90%;
      margin: 40px auto 0 auto; }
      .seccion-comentarios .content-comentarios .cajaComentarios {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .seccion-comentarios .content-comentarios .cajaComentarios .ComentImg {
          margin-right: 0;
          margin-bottom: 20px; }

  /** Seccion 6 **/
  .seccion-clientes .content-clientes {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    .seccion-clientes .content-clientes .title-clientes {
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
    .seccion-clientes .content-clientes .img-clientes {
      width: 100%;
      height: auto; }
      .seccion-clientes .content-clientes .img-clientes .img-clientes-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        .seccion-clientes .content-clientes .img-clientes .img-clientes-box div {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center; }
          .seccion-clientes .content-clientes .img-clientes .img-clientes-box div img {
            margin: 20px;
            width: 100px;
            filter: grayscale(100%);
            opacity: 0.8; } }
@media (max-width: 800px) {
  .sectoresTxtEquipo {
    min-height: 400px; }

  .infoFooter {
    margin: 0 5% 0 10%; }

  .divPeque {
    margin-left: 0%; }

  .seccion-beneficios .content-beneficios .beneficios-box {
    width: 46%; }

  .areas .sectores .box {
    width: 50%; }

  .imgSponsors {
    width: 10%;
    margin-right: 170px; }

  .areas .sectores .box33 {
    width: 50%; }

  .plusIcon {
    margin-left: 180px; }

  .moreIcon {
    margin-bottom: -248px;
    margin-left: 188px; } }
@media (max-width: 750px) {
  .plusIcon {
    margin-bottom: -188px;
    margin-left: 155px; }

  .footerCaja_newsletter {
    width: 100%;
    flex-direction: column;
    align-content: center; }

  .newsletter_destacado {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center; }

  .newsletter_input {
    text-align: center; }

  .btnScrollTop {
    bottom: 15px;
    right: 15px; }

  .headerInferior_content .iconMenu .barras img {
    width: 30px; }

  .headerInferior_content .iconMenu .cross img {
    width: 20px; }

  .contactanos {
    width: 100vw; }
    .contactanos .box50 {
      width: 100vw; }
      .contactanos .box50 .box50 {
        width: 100vw; }

  .contactoContenido {
    width: 100vw; }

  .contactTxt {
    width: 80vw; } }
@media (max-width: 700px) {
  .infoFooter {
    margin: 0; }

  .divPeque70 {
    width: 100%; }

  .section-Title {
    margin-bottom: 50px; }

  .contactoFormCaja_input_txt {
    width: 90%; }

  .asuntoMensajeCaja {
    margin: 0 15px 30px 80px; }

  .portadaCaja {
    width: 80%; }

  span.portadaInicio_Title {
    font-size: 40px; }

  span.title1 {
    font-size: 40px; }

  span.portadaInicio_SubTitle {
    font-size: 25px; }

  span.subTitle1 {
    font-size: 25px; }

  .areas .sectores .box50 {
    width: 100%; }

  .areas .sectores .box {
    width: 100%; }

  .sectoresTxtEquipo {
    padding: 30px 15px; }

  .contactoContenido {
    padding: 50px 0px 0px 20px; }

  /** PORTADA ***/
  .seccion-descript {
    padding: 50px 0; }
    .seccion-descript .content-descript {
      text-align: left; }
      .seccion-descript .content-descript span {
        font-size: 1.2rem; }

  .seccion-beneficios {
    padding: 50px 0; }
    .seccion-beneficios .content-beneficios .beneficios-box .box-icon {
      text-align: left; }

  .headerLogo {
    display: flex;
    align-items: center; }
    .headerLogo img {
      height: 40px;
      margin-top: 0; }

  .adnContentCaja {
    width: 95%;
    margin-bottom: 55px; }

  .seccion-beneficios .content-beneficios .beneficios-box {
    width: 100%;
    text-align: justify; }

  .section-Title2 {
    text-align: center;
    width: 90%;
    margin-left: 2%; }

  .section-Title2 span {
    font-size: 22px; }

  .seccion-beneficios .content-beneficios .beneficios-box .box-icon span {
    color: #444444;
    font-size: 18px; }

  .areas .sectores .box a .proyectosCaja {
    margin: 0px 0px 60px 0px; }

  .btnCTA2 {
    padding: 5% 30%;
    margin: 1% 0% 7% 5%; }

  .box-icon2 {
    width: 100%;
    text-align: center;
    margin: 12% 0%;
    font-size: 18px;
    line-height: 1.5; }

  .btnCTA {
    margin-bottom: 50px;
    float: none;
    align: center; }

  .sponsors {
    width: 100%; }

  .imgSponsors {
    padding-left: 0px;
    margin-left: 30%; }

  .sectoresTxtEquipo {
    min-height: 375px; }

  .headerInferior .headerLogo img {
    height: 60px; }

  .iconTxt {
    font-size: 18px; }

  .proyectoTxt {
    font-size: 18px; }

  .plusIcon {
    margin-bottom: -316px;
    margin-left: 150px; }

  .moreIcon {
    margin-bottom: -357px;
    margin-left: 174px; } }
@media (max-width: 650px) {
  .moreIcon {
    margin-bottom: -350px;
    margin-left: 140px; } }
@media (max-width: 600px) {
  .sectoresTxtEquipo {
    padding: 30px 10px;
    min-height: 450px; }

  .infoFooter {
    display: block; }

  .explore {
    padding-bottom: 35px; }

  .address {
    padding-bottom: 35px; }

  .moreIcon {
    margin-bottom: -382px;
    margin-left: 150px; }

  .plusIcon {
    margin-bottom: -349px;
    margin-left: 120px; }

  .misionbox,
  .visionBox,
  .valoresBox {
    width: auto; }

  .misionBox_icon img {
    width: 80px; }

  .portadaServicesFrase span {
    font-size: 30px; }

  .subtitulo {
    width: 90%; }
    .subtitulo span {
      font-size: 15px; }

  .sectionTitle span {
    font-size: 30px; }

  .footerSuperiorImg img {
    display: none; }

  .footerSuperior-caja {
    max-width: 235px; }

  .areas .sectores .box {
    width: 100%; }

  .sectoresCajaimg {
    height: 150px; }

  .sectoresCajaimg-Titulo {
    height: 150px;
    line-height: 150px; }

  .servicios {
    padding: 50px 0; }

  .comentarios {
    padding: 50px 0; }

  .comentariosContent {
    width: 80%; }
    .comentariosContent .comentLeft, .comentariosContent .comentRight {
      flex-direction: column;
      align-items: center; }
      .comentariosContent .comentLeft .ComentImg, .comentariosContent .comentRight .ComentImg {
        margin: 0 0 20px 0; }

  .comentTxt-Title span {
    font-size: 14px; }

  .blogContent {
    background: #32549e;
    width: auto;
    height: auto;
    text-align: center; }

  .serviciosCajas {
    width: 90%;
    margin: 10px; }

  .portadaCaja {
    height: 250px; }

  .title2_bg,
  .subTitle2_bg {
    animation: none; }

  .title1,
  .subTitle1 {
    opacity: 1;
    animation: none; }

  .portadaCajaTxt h1 {
    font-size: 50px; }
  .portadaCajaTxt h2 {
    font-size: 20px; }

  .solucion-pageTitle h1 {
    font-size: 40px; }

  .incluyeContentCaja span {
    font-size: 18px; }

  .Incluye-page {
    padding: 50px 0; }

  .incluyeContentCaja img {
    height: 25px; }

  .solucion-page {
    padding: 50px 0; }

  .footerInferior .divPeque {
    flex-direction: column; }

  .derechosRes {
    margin-bottom: 10px; }

  .nuestroMST_txt span {
    font-size: 14px; }

  .solucion-pageTitle {
    margin-bottom: 20px; }

  /*.sectoresCajaTxt {
    padding: 30px 37px 0px 37px; }*/ }
@media (max-width: 550px) {
  /*.sectoresCajaTxt {
    padding: 30px 0px 0px 10px; }*/

  span.name {
    font-size: 19px; }

  .moreIcon {
    margin-bottom: -411px;
    margin-left: 136px; }

  .plusIcon {
    margin-bottom: -335px;
    margin-left: 120px; }

  .portadaPageComerCaja {
    width: 350px;
    height: 330px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px; }

  .poratadaPageImg {
    width: auto;
    height: 150px; }

  .popUpnews {
    width: 90%; }

  .popUpTitulo {
    font-size: 30px; }

  .newsContentTxt span {
    font-size: 15px; }

  .validarNews span {
    font-size: 12px; }

  .popUpNews-top {
    text-align: center; }

  .popUpNews-top i {
    font-size: 80px;
    animation: none;
    left: 0;
    position: inherit;
    opacity: 1; }

  .portadaCajaTxt h1 {
    font-size: 40px; } }
@media (max-width: 500px) {
  .adnContent {
    margin: 0 10px 60px 20px; }

  .portadaEquipo {
    background-image: url(../imagenes/portada-equipo-phone.jpg); }

  .rights {
    display: block; }

  .avisoLegal {
    margin: 10% 0%; }

  .sectoresTxtEquipo {
    min-height: 400px; }

  .slider {
    width: 85vw;
    margin: 100px 0px 0px 0px; }

  /*.slick-slide img {
    padding-right: 100px; }*/

  .footerSuperiorContenido {
    display: block; }

  .footerSuperior {
    padding: 2%; }

  .contact {
    padding-bottom: 35px; }

  .btnCTA {
    width: 100%;
    text-align: center; }

  .contactoFormCaja_input_txt {
    width: 100%; }

  .asuntoMensajeCaja {
    margin: 0 15px 30px 20px; }

  .plusIcon {
    width: 45px;
    margin-bottom: -370px;
    margin-left: 220px; }

  .moreIcon {
    margin-bottom: -425px;
    margin-left: 240px;
    width: 45px; }

  

  .sectoresTxtEquipo .sectoresCajaTxt-Desc {
    font-size: 16px;
    margin-top: 20px; }

  .datosPersonales {
    flex-direction: column; }

  .datosPersonalesCaja {
    width: 100%; }
    .datosPersonalesCaja.marginContact {
      width: 100%;
      margin-right: 0; }

  .contactImg img {
    width: 150px; }

  .contactTtl span {
    font-size: 30px; }

  .contactTxt span {
    font-size: 16px; }

  .footerSuperior-caja {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0; }

  .validarEnvio {
    font-size: 12px; }

  .beneficiosContentCaja {
    width: 150px; }

  .beneficiosContentCaja span {
    font-size: 15px; }

  .areas .sectores .box33 {
    width: 100%;
    margin-top: 15%; }

  

  .section-Title-Team {
    margin: 50px 30px; } }
@media (max-width: 450px) {
  .cookies {
    width: 90%; }

  .portadaCajaTxt h1 {
    font-size: 30px; }

  .portadaCajaTxt h2 {
    font-size: 18px; }

  .rayaSepTitulo {
    height: 2px;
    margin: 15px auto; }

  .sectionTitle {
    padding: 0 10px; }

  .subtitulo span {
    font-size: 15px; }

  .blogContentTitulo {
    font-size: 22px; }

  .rayaSepTituloWhite {
    height: 2px;
    margin: 15px auto; }

  .blogContent {
    width: 95%; }

  .moreIcon {
    margin-left: 200px; }

  .plusIcon {
    margin-left: 200px; } }
@media (max-width: 400px) {
  /*.sectoresCajaTxt {
    padding: 30px 30px 0px 30px; }*/

  .portadaPageComerCaja {
    width: auto; }

  .plusIcon {
    margin-left: 190px; }

  .sectoresTxtEquipo .sectoresCajaTxt-Desc {
    font-size: 14px;
    margin-top: 15px; }

  .contactoContent span {
    font-size: 18px; }

  .contactoContent {
    margin-bottom: 30px; }

  .actualizaciones {
    display: none; }

  .menuRedes {
    display: none; }

  .popUpnews {
    top: 150px;
    left: 10px; }

  .newsletter_inputbox input {
    margin-bottom: 10px;
    width: 100%; }

  .newsletter_inputbox button {
    width: 100%; }

  .moreIcon {
    margin-left: 170px;
    margin-bottom: -396px; } }
@media (max-width: 350px) {
  /*.sectoresCajaTxt {
    padding: 30px 15px 0px 0px; }*/

  .moreIcon {
    margin-left: 148px; }

  .plusIcon {
    margin-left: 150px; } }
/******************************************** ANIMACIONES ********************************************************/
.scale-up-top {
  -webkit-animation: scale-up-top 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-top 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; } }
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; } }
.animateload .active, .animateonfocus .active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.animateload .fadeup, .animateonfocus .fadeup {
  -webkit-transform: translateY(1em);
  -moz-transform: translateY(1em);
  -ms-transform: translateY(1em);
  -o-transform: translateY(1em);
  transform: translateY(1em); }

.client-entry h2, .client-entry span {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform: translateY(1em);
  -moz-transform: translateY(1em);
  -ms-transform: translateY(1em);
  -o-transform: translateY(1em);
  transform: translateY(1em); }

.animateload, .animateonfocus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0; }