/* app.css */
@font-face{
font-family: 'Nunito Sans', sans-serif;
    src: url('../fonts/NunitoSans-Light.ttf');
    src: url('../fonts/NunitoSans-Light.ttf?#iefix') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face{
font-family: 'Nunito Sans', sans-serif;
    src: url('../fonts/NunitoSans-Regular.ttf');
    src: url('../fonts/NunitoSans-Regular.ttf?#iefix') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400&display=swap');
#contenido, #indexContenido {
  /*

CC 2.0 License Iatek LLC 2018
Attribution required

*/
  /*MD*/
  /*LG 6th  -  if you want a carousel with 6 slides */
}

#contenido .content, #indexContenido .content {
  text-align: center;
  margin: 30px 0;
}

#contenido .content .content-title p, #indexContenido .content .content-title p {
  margin: 1.75rem 0 0.5rem !important;
  color: #426C9A;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
}

#articleblog {
      font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
  height: 70px;
    display: block;

}

#contenido .content .content-stitle p, #indexContenido .content .content-stitle p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #606060;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 30px;
}

#contenido .content .content-text p, #indexContenido .content .content-text p {
  padding: 0 1.2rem;
  text-align: left;
 font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  line-height: 15px;
}

#contenido .card, #indexContenido .card {
  border: none;
}

#contenido .card .card-body, #indexContenido .card .card-body {
  padding: 0 2.5rem;
}

#contenido .card .card-footer, #indexContenido .card .card-footer {
  background-color: transparent;
  border: none;
}

#contenido .carousel-control-prev, #contenido .carousel-control-next, #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
  top: -120px;
}

#contenido .carousel-control-prev .carousel-control-prev-icon, #contenido .carousel-control-next .carousel-control-prev-icon, #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
  background-image: url("../images/blog/prev-icon.svg");
  background-size: 14px;
}

#contenido .carousel-control-prev .carousel-control-next-icon, #contenido .carousel-control-next .carousel-control-next-icon, #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
  background-image: url("../images/blog/next-icon.svg");
  background-size: 14px;
}

#contenido .related-articles-title p, #indexContenido .related-articles-title p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
}

#contenido .related-article-title p, #indexContenido .related-article-title p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
}

#contenido .related-article-category p, #indexContenido .related-article-category p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #606060;
  letter-spacing: 0;
  text-align: center;
}

@media (min-width: 576px) {
  #contenido .content .content-title p, #indexContenido .content .content-title p {
    font-size: 30px;
  }
  #contenido .content .content-stitle p, #indexContenido .content .content-stitle p {
    font-size: 15px;
  }
  #contenido .content .content-text p, #indexContenido .content .content-text p {
    padding: 0 0.75rem;
    font-size: 15px;
    line-height: 20px;
  }
  #contenido .card, #indexContenido .card {
    border: none;
  }
  #contenido .card .card-body, #indexContenido .card .card-body {
    padding: 0 1.5rem;
  }
  #contenido .carousel-control-prev, #contenido .carousel-control-next, #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -110px;
    width: 25px;
  }
  #contenido .carousel-control-prev .carousel-control-prev-icon, #contenido .carousel-control-next .carousel-control-prev-icon, #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 16px;
  }
  #contenido .carousel-control-prev .carousel-control-next-icon, #contenido .carousel-control-next .carousel-control-next-icon, #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 16px;
  }
}

@media (min-width: 768px) {
  #contenido .content .content-title p, #indexContenido .content .content-title p {
    font-size: 40px;
  }
  #contenido .content .content-stitle p, #indexContenido .content .content-stitle p {
    font-size: 18px;
  }
  #contenido .content .content-text p, #indexContenido .content .content-text p {
    padding: 0 0.5rem;
    font-size: 18px;
    line-height: 22px;
  }
  #contenido .card, #indexContenido .card {
    border: none;
  }
  #contenido .card .card-body, #indexContenido .card .card-body {
    padding: 0 1rem;
  }
  #contenido .carousel-control-prev, #contenido .carousel-control-next, #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -140px;
    width: 25px;
  }
  #contenido .carousel-control-prev .carousel-control-prev-icon, #contenido .carousel-control-next .carousel-control-prev-icon, #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 18px;
  }
  #contenido .carousel-control-prev .carousel-control-next-icon, #contenido .carousel-control-next .carousel-control-next-icon, #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 18px;
  }
}

@media (min-width: 991px) {
  #contenido .content .content-title p, #indexContenido .content .content-title p {
    font-size: 50px;
  }
  #contenido .content .content-stitle p, #indexContenido .content .content-stitle p {
    font-size: 20px;
  }
  #contenido .content .content-text p, #indexContenido .content .content-text p {
    padding: 0;
    font-size: 20px;
    line-height: 26px;
  }
  #contenido .card, #indexContenido .card {
    border: none;
  }
  #contenido .card .card-body, #indexContenido .card .card-body {
    padding: 0 1rem;
  }
  #contenido .card .card-footer, #indexContenido .card .card-footer {
    margin: 1rem 0;
    padding: 0;
  }
  #contenido .carousel-control-prev, #contenido .carousel-control-next, #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -140px;
    width: 25px;
  }
  #contenido .carousel-control-prev .carousel-control-prev-icon, #contenido .carousel-control-next .carousel-control-prev-icon, #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 20px;
  }
  #contenido .carousel-control-prev .carousel-control-next-icon, #contenido .carousel-control-next .carousel-control-next-icon, #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 20px;
  }
  #contenido .related-articles-title p, #indexContenido .related-articles-title p {
    font-size: 40px;
    text-align: left;
  }
  #contenido .related-article-title p, #indexContenido .related-article-title p {
    font-size: 20px;
  }
  #contenido .related-article-category p, #indexContenido .related-article-category p {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #contenido, #indexContenido {
    /* Show 4th slide on md  if col-md-4*/
  }
  #contenido .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item, #indexContenido .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  #contenido, #indexContenido {
    /* Show 3rd slide on sm  if col-sm-6*/
  }
  #contenido .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item, #indexContenido .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 576px) {
  #contenido, #indexContenido {
    /* show 2 items */
    /* left or forward direction */
    /* farthest right hidden item must be abso position for animations */
    /* right or prev direction */
  }
  #contenido .carousel-item, #indexContenido .carousel-item {
    margin-right: 0;
  }
  #contenido .carousel-inner .active + .carousel-item, #indexContenido .carousel-inner .active + .carousel-item {
    display: block;
  }
  #contenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #contenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #indexContenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #indexContenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
  #contenido .carousel-inner .carousel-item-next, #indexContenido .carousel-inner .carousel-item-next {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #contenido .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #contenido .carousel-item-next.carousel-item-left + .carousel-item,
  #contenido .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #indexContenido .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #indexContenido .carousel-item-next.carousel-item-left + .carousel-item,
  #indexContenido .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  #contenido .carousel-inner .carousel-item-prev.carousel-item-right, #indexContenido .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  #contenido .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #contenido .carousel-item-prev.carousel-item-right + .carousel-item,
  #contenido .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #indexContenido .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #indexContenido .carousel-item-prev.carousel-item-right + .carousel-item,
  #indexContenido .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }
}

@media (min-width: 768px) {
  #contenido, #indexContenido {
    /* show 3rd of 3 item slide */
    /* left or forward direction */
    /* right or prev direction */
  }
  #contenido .carousel-inner .active + .carousel-item + .carousel-item, #indexContenido .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  #contenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #indexContenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
  #contenido .carousel-inner .carousel-item-next, #indexContenido .carousel-inner .carousel-item-next {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #contenido .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #indexContenido .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  #contenido .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #indexContenido .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }
}

@media (min-width: 991px) {
  #contenido, #indexContenido {
    /* show 5th and 6th item */
    /*   .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
     .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
           display: block;
       }



       .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
     .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
         transition: none;
       }
   */
    /*show 7th slide for animation when its a 6 slides carousel */
    /*      .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item  + .carousel-item {
           position: absolute;
           top: 0;
           right: -16.666666666%;
           z-index: -1;
           display: block;
           visibility: visible;
     }
     */
    /* forward direction > */
    /*   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
     .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
           position: relative;
           transform: translate3d(-100%, 0, 0);
           visibility: visible;
       }
     */
    /* prev direction < last item animation fix */
    /*   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
       .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
           position: relative;
           transform: translate3d(100%, 0, 0);
           visibility: visible;
           display: block;
           visibility: visible;
       }
   */
  }
}

#indexContenido {
  /*LG */
}

#indexContenido .related-articles-title p {
  font-size: 20px !important;
  margin-left: 2rem;
}

@media (min-width: 576px) {
  #indexContenido .content .content-title p {
    font-size: 25px !important;
  }
  #indexContenido .content .content-stitle p {
    font-size: 12px !important;
  }
  #indexContenido .content .content-text p {
    padding: 0 0.75rem !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

@media (min-width: 768px) {
  #indexContenido .content .content-title p {
    font-size: 30px !important;
  }
  #indexContenido .content .content-stitle p {
    font-size: 14px !important;
  }
  #indexContenido .content .content-text p {
    padding: 0 0.5rem !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }
}

@media (min-width: 991px) {
  #indexContenido .related-articles-title p {
    font-size: 25px !important;
  }
  #indexContenido .content .content-title p {
    margin-top: 0 !important;
    text-align: left !important;
    font-size: 40px !important;
  }
  #indexContenido .content .content-stitle p {
    text-align: left !important;
    font-size: 15px !important;
  }
  #indexContenido .content .content-text p {
    text-align: left !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }
}

#indexContenido .related-articles-title p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
}



#indexContenido .related-article-title p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
}

#indexContenido .related-article-title a {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 20px;
  color: #104781;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
  height: 70px;
    display: block;
}


#indexContenido .related-article-category p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #606060;
  letter-spacing: 0;
  text-align: center;
}

#indexContenido .related-article-category a {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #606060;
  letter-spacing: 0;
  text-align: center;

}

@media (min-width: 576px) {
  #indexContenido .content .content-title p {
    font-size: 30px;
  }
  #indexContenido .content .content-stitle p {
    font-size: 15px;
  }
  #indexContenido .content .content-text p {
    padding: 0 0.75rem;
    font-size: 15px;
    line-height: 20px;
  }
  #indexContenido .card {
    border: none;
  }
  #indexContenido .card .card-body {
    padding: 0 1.5rem;
  }
  #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -110px;
    width: 25px;
  }
  #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 16px;
  }
  #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 16px;
  }
}

@media (min-width: 768px) {
  #indexContenido .content .content-title p {
    font-size: 40px;
  }
  #indexContenido .content .content-stitle p {
    font-size: 18px;
  }
  #indexContenido .content .content-text p {
    padding: 0 0.5rem;
    font-size: 18px;
    line-height: 22px;
  }
  #indexContenido .card {
    border: none;
  }
  #indexContenido .card .card-body {
    padding: 0 1rem;
  }
  #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -140px;
    width: 25px;
  }
  #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 18px;
  }
  #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 18px;
  }
}

@media (min-width: 991px) {
  #indexContenido .content .content-title p {
    font-size: 50px;
  }
  #indexContenido .content .content-stitle p {
    font-size: 20px;
  }
  #indexContenido .content .content-text p {
    padding: 0;
    font-size: 20px;
    line-height: 26px;
  }
  #indexContenido .card {
    border: none;
  }
  #indexContenido .card .card-body {
    padding: 0 1rem;
  }
  #indexContenido .card .card-footer {
    margin: 1rem 0;
    padding: 0;
  }
  #indexContenido .carousel-control-prev, #indexContenido .carousel-control-next {
    top: -140px;
    width: 25px;
  }
  #indexContenido .carousel-control-prev .carousel-control-prev-icon, #indexContenido .carousel-control-next .carousel-control-prev-icon {
    background-size: 20px;
  }
  #indexContenido .carousel-control-prev .carousel-control-next-icon, #indexContenido .carousel-control-next .carousel-control-next-icon {
    background-size: 20px;
  }
  #indexContenido .related-articles-title p {
    font-size: 40px;
    text-align: left;
  }
  #indexContenido .related-article-title p {
    font-size: 20px;
    height: 70px;
  }
  #indexContenido .related-article-category p {
    font-size: 15px;
  }
}

@media (min-width: 991px) {
  #indexContenido {
    /* show 4th item */
    /* left or forward direction */
    /* right or prev direction //t - previous slide direction last item animation fix */
  }
  #indexContenido .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  #indexContenido .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
  #indexContenido .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  #indexContenido .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }
}