html, body {
  font-size: 1rem;
    font-family: 'Prompt', sans-serif;
}

@media (max-width: 768px) {
  html {
    font-size: 0.9rem;
  }
}


.bg1 {
    background-color: #002d72;
    background-image: url(../img/corner.png);
    background-position: bottom right;
    background-size: fixed;
    background-repeat: no-repeat;
}

.bg12 {
    background-color: #002d72;
}

.bg11 {
    background-color: #ffffff;
}

.bg2 {

    /*  background-image: url(../img/Cardiosito_blanco_derecho_sin_fondo1low.png), url(../img/AnahataEco2.png);
    background-position: right bottom, center;
    background-repeat: no-repeat, no-repeat; */
    background: url(../img/Cardiosito_blanco_derecho_sin_fondo1low.png) right bottom no-repeat, url(../img/AnahataEco2.png) center no-repeat;
    background-color: #002d72;
    background-size:
        auto 350px,
        cover;
}

.bg3 {
    background: url(../img/Cardiosito_blanco_derecho_sin_fondo1low.png) bottom right no-repeat;
    background-size: contain;

}



h1,
h2,
h3,
h4,
h5 {
    font-family: 'Prompt', sans-serif;
}

p {
    font-family: 'Prompt', sans-serif;
    font-weight: 400;
}

.lead {
    font-weight: 400;
}

.shad {
    text-shadow: 2px 2px 3px #6f6f6f;
}

.plumaz {
    font-family: 'Poppins', sans-serif;
}

.plumazlink {
    z-index: 100;

}

.plumazlinkimg {
    width: 20px;
    height: 20px;
}

.imglogo {
    max-height: 60px;
}

.img-center {
    max-height: 400px;
    width: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.ovhide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.ovhide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media not screen and (max-width: 768px) {
    .borderslant1 {
        border: solid 3px white;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 0 15px #fff, inset 0 0 15px #fff;
        padding: 20px 20px 20px 20px;
        /*   -ms-transform: skew (-1deg,-1deg); /* IE 9 */
        /*    -webkit-transform: skew (-1deg,-1deg); /* Safari */
        /*    transform: skew(-1deg,-1deg); /* Standard syntax */

    }

    .borderslant2 {
        /*    -ms-transform: skew(1deg,1deg);
    -webkit-transform: skew(1deg,1deg);
    transform: skew(1deg,1deg); */
    }
}

.modsal-body {
    background-color: #f2f2fc;
}

a[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.btn-cardio {
    background-color: rgba (228, 0, 70, 1);
}

.foot {
    max-height: 80px;
 
}

.hr1 {
    border: 4px solid red;
}

/*@media not screen and (max-width: 768px) {
    .vl {
        border-right: 1px solid;
        padding:5px;
        margin-bottom: 0px;
        margin-top: 0px;
        
    }
}



@media screen and (max-width: 768px) {
    .vl {
        border: 1px solid;
        padding: 3px;
        margin-bottom: 150px;
        border-radius: 0px 10px 0px 10px;
    }
}
*/


    .vl {
        border-right: 1px solid;
        
    }

.donate {
        border: 2px solid;
        color: #ffffff;
        padding: 10px;
        border-radius: 0px 10px 0px 10px;
    }

.donate-p {
    border-radius: 60px;
    font-weight:600;
    background-color: #dc3545;
}

.btncardio {
    border-radius: 0px 10px 0px 10px;
    width:155px;
    height: auto;
}

.btncol {
    border-radius: 0px 10px 0px 10px;
    height: 30px;
    width: 50px;
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/colombia2.png');
}

.btncol:hover {
    border-radius: 0px 10px 0px 10px;
    height: 30px;
    width: 50px;
    background-size:90%;
    background-repeat: no-repeat;
}

.btnusa {
    border-radius: 0px 12px 0px 12px;
    height: 30px;
    width: 50px;
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/usa2.png');
}

.btnusa:hover {
    border-radius: 0px 0px 0px 0px;
    height: 30px;
    width: 50px;
    background-size: 90%;
    background-repeat: no-repeat; 

}

.whatsapp_float {
          position: fixed;
          width: 30px;
          height: 30px;
          top: 10px;
          right: 10px;
          border-radius: 100px;
          background-color: #fff;    
          text-align: center;
          align-content: center;    
          font-size: 20px;
          z-index: 100;
      }

      .whatsapp-icon {
          margin-top: 0px;
      }

      /* for mobile */
      @media screen and (max-width: 767px) {
          .whatsapp-icon {
              margin-top: 0px;
          }

          .whatsapp_float {
              width: 25px;
              height: 25px;
              top: 10x;
              right: 10px;
              font-size: 17px;
          }
      }

.wrapper {
  text-align: center;
    margin: 0px;
  
}

.time {
  color: #fff;
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
    .time {
        font-size: 1.5rem;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .label {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.label {
  font-size: 70%;
  display: block;
  color: #aaa;
}

.hidden {
  display: none;
}


.sponsors:before, .sponsors:after {
  position: absolute;
  top: 0;
  width: 30rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.sponsors:before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.sponsors:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
}


@media screen and (max-width: 768px) {
.sponsors:before, .sponsors:after { 
    width: 2rem;
    }
}


:root {
  --marquee-width: 60vw;
  --marquee-height: 12vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 10s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  background-color: #fff;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 5rem;
  height: 100%;
  content: "";
  z-index: 100;
}
.marquee:before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
.marquee-content:hover {
  animation-play-state: paused;
}
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
 /* width: var(--marquee-element-width);*/
  max-height: 100%;
  font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  /* width: 100%;*/
   height: 100%;
 /* border: 2px solid #eee;*/
}

@media (max-width: 600px) {
  
  :root {
    --marquee-width: 100vw;
    --marquee-height: 10vh;
    --marquee-elements-displayed: 3;
  }
  .marquee:before, .marquee:after { width: 5rem; }
}