/* Info
================================================== 
     Author: http://bootstraptemplates.net 
 ================================================== 
 Info */

/*Write your custom code here.*/
.text-description {
  color: #4e524e !important;
}
.text-description > div {
  color: #4e524e !important;
}
.text-description > div > p {
  color: #4e524e !important;
}
.check-list li {
  font-size: inherit !important;
  color: #18407e !important;
}

.check-list li::before {
  color: #18407e !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.clink {
  color: #202020 !important;
  font-size: 11pt;
  line-height: 1.3;
}

.clink:hover {
  color: #202020 !important;
}

.clink-read-more {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #377dff !important;
}

.clink-read-more-left {
  position: absolute;
  bottom: 9px;
  color: #377dff !important;
}

.cimage-slider {
  background-color: transparent;
  height: 250px;
  object-fit: contain;
  width: auto !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.cimage-slider-alt {
  background-color: transparent;
  height: 320px;
  object-fit: cover;
}

.ccard-resumen {
  height: 180px;
  max-height: 180px;
  overflow-y: hidden;
  padding-bottom: 2rem !important;
}

.ccard-resumen-nosotros {
  height: 199px;
  max-height: 199px;
  overflow-y: hidden;
  padding-bottom: 2rem !important;
}

.ccard-resumen-vocales {
  height: 171px;
  max-height: 171px;
  overflow-y: hidden;
  padding-bottom: 2rem !important;
}

.text-small {
  font-size: 10pt !important;
}

.ccard-resumen-voluntariado {
  height: 113px;
  max-height: 113px;
  overflow-y: hidden;
  padding-bottom: 2rem !important;
}

.section-container-color {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(72, 173, 69, 0) 0%, rgba(72, 173, 69, 0.10126057258841037) 35%);
  /* background: linear-gradient(0deg, rgba(230,221,29,0) 0%, rgba(236,230,31,0.048039284073004174) 35%);  */
}
.section-container-title {
  padding-top: 3rem !important;
  /* background: linear-gradient(0deg, rgba(230,221,29,0) 0%, rgba(236,230,31,0.048039284073004174) 35%);  */
}
/* Works on Firefox */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #18407e rgb(245, 245, 245);
}

/* Works on Chrome, Edge, and Safari */
.custom-scrollbar::-webkit-scrollbar {
  width: 13px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #18407e;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #18407e;
  border-radius: 20px;
  border: 3px solid rgb(245, 245, 245);
}

.section-header-news {
  margin: 0 auto 20px !important;
}

.section-header-tweets {
  margin: 0 auto 30px !important;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 36px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background-color: #18417eb2;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 1;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background-color: #18417ea8;
}
.slick-prev:hover::before,
.slick-next:hover::before {
  border-right-color: #fff;
  border-bottom-color: #fff;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: 0.7;
}
.slick-prev::before,
.slick-next::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.slick-prev {
  left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.slick-prev::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-right: -2px;
}
.slick-next {
  right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.slick-next::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -2px;
}

.m-list--link {
  color: #def;
}

.m-list--link:hover {
  color: #ffca38;
}

.bg-dark {
  background-color: #18417e !important;
}
.bg-card-green {
  background-color: #d2f1e9;
}
.m-link {
  color: #59a0fc !important;
}

.badge-transparencia {
  background-color: #ffca38;
  color: #18417e !important;
}

.btn-transparencia {
  color: #fff;
  background-color: #18417e;
  border-color: #18417e;
}

.btn-transparencia:hover {
  color: #fff;
  background-color: #20519b;
  border-color: #20519b;
}

.btn-transparencia:focus,
.btn-transparencia.focus {
  box-shadow: 0 0 0 0.2rem rgb(33, 80, 182);
}

.btn-transparencia-vocales:hover {
  color: #fff !important;
  background-color: #18417e !important;
  border-color: #18417e !important;
}

.btn-transparencia-vocales:focus{
    box-shadow: 0 0 0 0 !important;
}


.card-owework {
  background-color: #d2f1e9;
  color: #18407e !important;
  border-radius: 15px;
}
.card-activities {
  height: 370px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-transparencia-yellow {
  color: #efd621 !important;
}
.text-transparencia {
  color: #18407e !important;
}
.text-transparencia > * {
  color: #18407e !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #18407e;
}

.nav-pills .nav-link,
.nav-pills > .nav-link {
  color: #18407e;
  text-decoration: underline !important;
}

.text-dark > * {
  color: #343a40 !important;
}

.text-transparencia-link {
  color: #377dff !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}

.lity {
  background-color: #f8f8f89d;
  transition-duration: 0.5s;
  transition-property: background-color;
}

.card-frame:hover {
  border: 1px solid #2146b459 !important;
  transition: 0.3s;
}

.cr-po {
  cursor: pointer !important;
}

.cr-zoom {
  cursor: zoom-in !important;
}

.pt-6 {
  padding-bottom: 3rem !important;
}

.pt-7 {
  padding-bottom: 4rem !important;
}

.bg-donante {
  background-color: #cfe0f8 !important;
}
/* .bg-donante:hover {
  background-color: #18417e !important;
} */
.bg-transparencia {
  background-color: #18417e !important;
}

.bg-transparencia:hover {
  background-color: #20519b !important;
}

a.bg-transparencia:hover,
a.bg-transparencia:focus,
button.bg-transparencia:hover,
button.bg-transparencia:focus {
  background-color: #20519b !important;
}

.anim-link-2 {
  color: #18407e !important;
}

.anim-link-2-transparencia {
  background-image: linear-gradient(to right, #efd621 0%, #efd621 100%) !important;
}

.anim-link-2.anim-link-2-primary {
  background-image: linear-gradient(to right, #efd621 0%, #efd621 100%) !important;
}

.rounded-box {
  border-radius: 1.45rem !important;
}

.cursor-pointer {
  cursor: pointer;
}

@media (max-width: 576px) {
  .iframe-video {
    width: 100%;
  }

  .col-video-iframe {
    height: 290px;
  }
}

@media (min-width: 577px) {
  .iframe-video {
    width: 95%;
  }
  .col-video-iframe {
    height: 275px;
  }
}

@media (min-width: 768px) {
  .iframe-video {
    width: 95%;
  }
  .col-video-iframe {
    height: 210px;
  }
}

@media (min-width: 992px) {
  .col-video-iframe {
    height: 280px;
    margin-top: 10px;
  }
}

@media (min-width: 1260px) {
  .col-video-iframe {
    height: 355px;
    margin-top: 10px;
  }
}

.lh-135 {
  line-height: 1.35rem !important;
}

.lh-141 {
  line-height: 1.41rem !important;
}

.image-round-top {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
.image-round-bottom {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
.image-round-all {
  border-radius: 15px !important;
}

.btn-round {
  border-radius: 6px !important;
}

.close {
  font-size: 1.5rem !important;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  position: absolute !important;
  right: 1rem;
  top: 0.5rem;
}

.h100 {
  height: 100% !important;
}

.card-footer {
  background-color: transparent;
  border-top: 0;
}

.text-white-100 {
  color: #fff !important;
}

.social a.social-facebook:hover {
  color: #fff !important;
}
.social a.social-google:hover {
  color: #dd4b39;
}
.social a.social-gplus:hover {
  color: #dd4b39;
}
.social a.social-twitter:hover {
  color: #fff !important;
}
.social a.social-linkedin:hover {
  color: #007bb6;
}
.social a.social-pinterest:hover {
  color: #cb2027;
}
.social a.social-git:hover {
  color: #666666;
}
.social a.social-tumblr:hover {
  color: #32506d;
}
.social a.social-vimeo:hover {
  color: #aad450;
}
.social a.social-youtube:hover {
  color: #fff !important;
}
.social a.social-flickr:hover {
  color: #ff0084;
}
.social a.social-reddit:hover {
  color: #ff4500;
}
.social a.social-dribbble:hover {
  color: #ea4c89;
}
.social a.social-skype:hover {
  color: #00aff0;
}
.social a.social-instagram:hover {
  color: #fff !important;
}
.social a.social-lastfm:hover {
  color: #c3000d;
}
.social a.social-soundcloud:hover {
  color: #ff8800;
}
.social a.social-behance:hover {
  color: #1769ff;
}
.social a.social-envato:hover {
  color: #82b541;
}
.social a.social-medium:hover {
  color: #00ab6c;
}
.social a.social-spotify:hover {
  color: #1db954;
}
.social a.social-quora:hover {
  color: #a82400;
}
.social a.social-xing:hover {
  color: #026466;
}
.social a.social-snapchat:hover {
  color: #fffc00;
}
.social a.social-telegram:hover {
  color: #fff !important;
}
.social a.social-whatsapp:hover {
  color: #075e54;
}
.social a.social-rss:hover {
  color: #f26522;
}

/* CAROUSEL */

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 42%;
  bottom: 42%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4%;

  text-align: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 0;
  background-color: #18417eb2;
}

.text-underline {
  text-decoration: underline;
}

/* #header .header-nav-main nav > ul li a:hover{
  background-color: #EFD621 !important;
  color: #18417e !important;
} */

.bar-float {
  background-color: #0a182e73;
  position: fixed;
  top: 34%;
  left: 0;
  z-index: 99999;
  border-radius: 2rem;
}

.bar-float a {
  margin: 0;
  padding: 0;
  background-color: #18407e;
  border-radius: 19px;
}

@media (min-width: 1260px) {
  .p-vol-coord {
    padding-bottom: 0rem !important;
  }
}

@media (min-width: 1320px) {
  .p-vol-coord {
    padding-bottom: 1.6rem !important;
  }
}

@media (min-width: 1320px) {
  .n-menu-item-full {
    display: block !important;
  }
  .n-menu-item-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .n-menu-item-full {
    display: none !important;
  }
  .n-menu-item-mobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .n-menu-item-full {
    display: none !important;
  }
  .n-menu-item-mobile {
    display: block !important;
  }
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/* .slider-body{
  align-items: center;
  background: #e3e3e3;
  display: flex;
  height: 100vh;
  justify-content: center;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 170px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 170px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
} */