.masterSearch-vuelos{
  position: relative;
}
/* INICIO AVION ANIMADO*/
.k-loading-mask {
    width: 100%;
    /* height: 100%; */
    min-height: 100vh;
    top: 0px;
    left: 0px;
    bottom: 0;
    /* background: rgba(238, 238, 238, 0.596); */
    position: fixed !important;
    z-index: 12000 !important;
    .k-loading-image,
    .k-loading-text,
    .k-loading-color{
      display: none !important;
    }
  }
  .load-absolute{
    position: absolute !important;
    background: var(--c-blanco);
  }
  .load-fixed{
    position: fixed !important;
    background: var(--c-blanco);
  }
  .cont-loading{
    height: calc(100vh - 100px);
  }
  
  .contentAvionAnimado {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
  }
  
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes girar {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  
  @keyframes girar {
    from {
      -webkit-transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(0deg);
    }
  }
  
  .BoxLoadingImg {
    position: fixed;
    width: 300px;
    height: 300px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2000;
  }
  
  .AvionRotando {
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
  }
  
  .Destinos {
    -webkit-animation: girar 25s infinite linear;
    animation: girar 25s infinite linear;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .Trazado {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
  }
  
  .MobileWidth {
    max-width: 300px;
  }


  /* Loading CheckOut Openpay */
  .contentOpenpay{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000b0;
    z-index: 20000;
  }
  .bodyOpenpay{
    width: 96%;
    height: fit-content;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .img-loading-checkOut{
    width: 50px;
    height: 50px;
    background: url(/Themes/MeVoyDeViaje/Content/images/ajax_loader_large.gif) no-repeat;
    background-size: contain;
    background-position: center;
  }
  .bodyOpenpay p{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
  }


@media (min-width: 600px) {
  .bodyOpenpay{
    width: fit-content;
  }
  .bodyOpenpay p{
    width: 400px;
  }
}
@media (min-width: 820px){
  .bodyOpenpay p{
    width: 460px;
    font-size: 16px;
  }
}

/* Load Skeleton */
#searchhotelpack-page{
  /* .skeleton-load{
    margin-top: -30px;
  } */
}
.skeleton-load{
  position: absolute !important;
  background: var(--c-blanco);
  box-shadow: inset 0px 0px 10px var(--c-scale-30);

  .main-skeleton{
    position: relative;
    animation: loadOpacity 2s ease infinite;
    overflow: hidden;
    .item-skeleton{
      height: fit-content;
      &:nth-child(1),
      &:nth-child(3){
        background: var(--c-scale-10);
        min-height: 550px;
        border-radius: 20px;
      }
      .img-skeleton,
      .barra-list,
      .cirlcle-list{
        background: var(--c-scale-30);
        border-radius: 20px;
      }
      .img-skeleton{
        min-width: 200px;
        height: 200px;
      }
      .barra-list{
        height: 20px;
        &:nth-child(2){
          background: var(--c-scale-20);
        }
        &:nth-child(3){
          background: var(--c-scale-10);
        }
      }
      .cirlcle-list {
        width: 28px;
        height: 28px;
      }

    }
    &:after {
      content: "";
      width: 100%;
      height: 300px;
      background: linear-gradient(0deg, var(--c-blanco), transparent);
      position: absolute;
      bottom: 0;
    }
  }
}
@keyframes loadOpacity {
  0%{opacity: 1;}
  50%{opacity: 0.5;}
  100%{opacity: 1;}
}