.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://seijuvequintanaroo.com/img/instagram.png') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
 .delineado {
      position: relative;
      white-space: nowrap;
   
    }

    .delineado::after {
        content: '';
        position:absolute;
        bottom: -0.125rem;
        left: -0.5rem;
        right: -0.5rem;
        height: 0.75rem;
        z-index: -1;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg');
        background-repeat: no-repeat;
        background-size: cover;
      }
      
      .rotar {
  animation: spin 10s linear infinite;
}


@keyframes spin{
    from{  transform: rotate(0deg);}
    to{  transform: rotate(360deg);}
}

.mapadiv {
    width: 90%;
    margin: auto;
}

.mapadiv path {
    fill: #6d6d6d ;
    stroke: #ffffff;
    stroke-width: 20px;
}

.FelipeCarrilloPuerto:hover{
    fill: #91ca6c;
}

.OthonPBlanco:hover{
    fill: #db037e;
}

.Bacalar:hover{
    fill: #dd75a6;
}

.JoseMariaMorelos:hover{
    fill: #39b2ba;
}

.LazaroCardenas:hover{
    fill: #dc7d3d;
}

.Tulum:hover{
    fill: #7c68af;
}

.PuertoMorelos:hover{
    fill: #5a3092;
}

.BenitoJuarez:hover{
    fill: #16a6c1;
}

.Cozumel:hover{
    fill: #d9025f;
}

.Solidaridad:hover{
    fill: #008738;
}

.IslaMujeres:hover{
    fill: #ffff00;
}

#carousel {
    position: relative;
    height: 170px;
    top: 40%;
    transform: translateY(-50%);
    overflow: hidden;
    margin: 0 0 0 0;
}

#carousel div {
    position: absolute;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
}

#carousel div img {
    width: 150px;
    transition: width 1s;
}

#carousel div.hideLeft {
    left: 0%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}

#carousel div.hideLeft img {
    width: 200px;
}

#carousel div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}

#carousel div.hideRight img {
    width: 200px;
}

#carousel div.prev {
    z-index: 5;
    left: 30%;
    transform: translateY(50px) translateX(-50%);
    opacity: 0.7;
}

#carousel div.prev img {
    width: 90px;
}

#carousel div.prevLeftSecond {
    z-index: 4;
    left: 15%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.4;
}

#carousel div.prevLeftSecond img {
    width: 75px;
}

#carousel div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(0px) translateX(-50%);
}

#carousel div.next {
    z-index: 5;
    left: 70%;
    transform: translateY(50px) translateX(-50%);
    opacity: 0.7;
}

#carousel div.next img {
    width: 90px;
}

#carousel div.nextRightSecond {
    z-index: 4;
    left: 85%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.4;
}

#carousel div.nextRightSecond img {
    width: 75px;
}

#carousel div.nextRightThirth {
    z-index: 5;
    left: 98%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.3;
}

#carousel div.nextRightThirth img {
    width: 65px;
}

#carousel .left-arrow {
    position:absolute;
    left:10px;
    z-index:1;
    top:60%;
    margin-top:-9px;
}

#carousel .right-arrow {
    position:absolute;
    right:10px;
    z-index:1;
    top:50%;
    margin-top:-9px;
}

h5 {
    margin-top: 1rem;
}

.p-imgleft {
    padding: 0px 0px 0px 0px;
}

.p-imgright {
    padding: 10px 10px 15px 15px;
}

.m-txtright{
    margin: 0 0 20px 0;
}

.bg-iqj{
     background: linear-gradient(180deg, #440412, #ab0a3d);
    height: 210px;
}

.text-blue{
    color: #ab0a3d;
}

.text-yellow{
    color: #ffc105;
}

.bg-blue{
    background-color: #0390be;
}

.vertical-align{
    display: flex;
    align-items: center;
}

.separator{
    width: 100%; 
    height: 20px; 
    border-bottom: 3px solid #ab0a3d; 
    text-align: center;
}

.text-separator{
    background-color: #FFF; 
    font-size: 25px; 
    display:inline-block; 
    width: 400px;
}

.tr-header{
    background: #ced4da !important;
    color: black;
}

.row-selected{
    background: rgb(255, 255, 149);
}

.other-clic{
    background-color: #fff;
}

tr{
    cursor: pointer;
}

.blur-cards-programs{
    height: 300px;
    border-radius: 10px;
    transition: linear 0.3s;
    border: 1px solid rgba(1, 1, 1, 0.20); 
    background-image: url(../img/background-cards.png);
}

.blur-cards-programs i {
    text-align: center;
    width: 100%;
}

.blur-cards-programs .card-content{
    width: 100%;
    padding: 15px 25px;
    position: absolute; 
    left: 0;
    top: 10%;
}

.blur-cards-programs:hover{
    background-image: none;
    background-color: #ab0a3d;
    color: white;
    font-size: 180%;
    /* filter: drop-shadow(30px 20px 5px rgba(0,0,0,0.4)); */
}

@media only screen and (min-width: 992px) {
    .rotar {
      animation: spin 10s linear infinite;
    }

    .mapadiv{
        width: 50%;
        margin: auto;
    }

    .img-footer{
        width: 4%;
        height: 4%;
        margin: 6px 10px 0 10px;
    }  

    #arrows div.col img {
        width: 20%;
        height: 20%;
    } 

    .bg-iqj{
        background: linear-gradient(180deg, #440412, #ab0a3d);
        height: 240px;
    }

    .canva-chart{
        height: 550px;
        width: 100%;
    }
    
    .canva-chart-modal{
        height: 600px;
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
        .rotar {
      animation: spin 10s linear infinite;
    }
    
 .delineado {
      position: relative;
      white-space: nowrap;
   
    }

    .delineado::after {
        content: '';
        position:absolute;
        bottom: -0.125rem;
        left: -0.5rem;
        right: -0.5rem;
        height: 0.75rem;
        z-index: -1;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg');
        background-repeat: no-repeat;
        background-size: cover;
      }

    .mapadiv{
        width: 50%;
        margin: auto;
    }

    .img-footer{
        width: 6%;
        height: 6%;
        margin: 6px 10px 0 10px;
    }  

    #arrows div.col img {
        width: 30%;
        height: 30%;
    } 

    .bg-iqj{
        background: linear-gradient(180deg, #440412, #ab0a3d);
        height: 240px;
    }

    .canva-chart{
        height: 400px;
        width: 100%;
    }
    
    .canva-chart-modal{
        height: 550px;
        width: 100%;
    }

    .info-iqj{
        font-size: medium;
    }
}

@media only screen and (max-width: 799px){
        .rotar {
      animation: spin 10s linear infinite;
    }
 .delineado {
      position: relative;
      white-space: nowrap;
   
    }

    .delineado::after {
        content: '';
        position:absolute;
        bottom: -0.125rem;
        left: -0.5rem;
        right: -0.5rem;
        height: 0.75rem;
        z-index: -1;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg');
        background-repeat: no-repeat;
        background-size: cover;
      }

    .mapadiv{
        width: 90%;
        margin: auto;
    }

    .img-footer{
        width: 10%;
        height: 10%;
        margin: 6px 5px 0 5px;
    }

    #arrows div.col img {
        width: 25%;
        height: 25%;
    } 

    .bg-iqj{
       background: linear-gradient(180deg, #440412, #ab0a3d);
        height: 250px;
        margin-top: 150px;
    }

    .canva-chart{
        height: 300px;
        width: 100%;
    }
    
    .canva-chart-modal{
        height: 600px;
        width: 100%;
    }

    .info-iqj{
        font-size: small;
    }

    .text-separator{
        background-color: #FFF; 
        font-size: 25px; 
        display:inline-block; 
        width: 250px;
    }

    .vertical-align img{
        width: 50%;
        height: 50%;
    }

    .vertical-align #OLA > img{
        max-width: 0;
        max-height: 0;
    }

    .border-welcome{
        width: 0px;
        height: 0px;
    }

    .colums{
        width: 0;
        height: 0;
    }
}

@media only screen and (max-width: 399px){
        .rotar {
      animation: spin 10s linear infinite;
    }
    .mapadiv{
        width: 90%;
        margin: auto;
    }

    .img-footer{
        width: 10%;
        height: 10%;
        margin: 6px 5px 0 5px;
    }

    #arrows div.col img {
        width: 40%;
        height: 40%;
    } 

    .bg-iqj{
       background: linear-gradient(180deg, #440412, #ab0a3d);
        height: 250px;
        margin-top: 150px;
    }

    .canva-chart{
        height: 300px;
        width: 100%;
    }
    
    .canva-chart-modal{
        height: 600px;
        width: 100%;
    }

    .info-iqj{
        font-size:small;
    }

    .text-separator{
        background-color: #FFF; 
        font-size: 20px; 
        display:inline-block; 
        width: 200px;
    }

    .vertical-align img{
        width: 50%;
        height: 50%;
    }

    .vertical-align #OLA > img{
        max-width: 0;
        max-height: 0;
    }

    .border-welcome{
        width: 0;
        height: 0;
    }

    .colums{
        width: 0;
        height: 0;
    } 
    .delineado {
      position: relative;
      white-space: nowrap;
   
    }

    .delineado::after {
        content: '';
        position:absolute;
        bottom: -0.125rem;
        left: -0.5rem;
        right: -0.5rem;
        height: 0.75rem;
        z-index: -1;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg');
        background-repeat: no-repeat;
        background-size: cover;
      }
    
}