.bg_travel {
  background-size: cover;
  height: 213px;
  width: 100%;
  border-radius: $border-radius-large;
  margin-bottom: 40px;
  .desciption-travel {
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0 0 0;
  }
  .opacity {
    height: 100%;
    color: #FFF;
    padding: 15px;
    border-radius: $border-radius-large;
    background: rgba(16, 32, 44, 0.7);
    background: linear-gradient(to bottom, rgba(16, 32, 44, 0) 0%, rgba(16, 32, 44, 0.7) 100%);
    position:relative;
    .cont-bottom{
      position:absolute; bottom:10px; width:90%;
    }
    .num-days{
      font-size:12px;
    }
    h5 {
      line-height: 24px;
      margin:0;
      color: #FFF;
      font-size: 24px;
      @include medium-weight;
    }
    h5 > strong {
      font-size: 14px;
    }
    .fos {
      height: 100px;
      overflow: hidden;
      top:0;
      transition:top 1s ease, opacity 0.5s linear;
      position:relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    .cont_precio {
      color: #FFF;
      font-weight: $roboto-bold;
      font-size: 24px;
      .desde {
        font-size: 12px;
        line-height: 12px;
        font-weight: $roboto-light;
        display: inline-block;
      }
      .current-price {
        .price {
          color:#fff;
          font-size:20px;
          @include medium-weight;
          &.eur, &.usd, &.gbp {
            font-size:24px;
            @include medium-weight;
          }
          abbr, .symbol{
            font-size:0.8em; @include medium-weight;
          }
        }
      }
      &.cont_precio_offer {
        line-height: 22px;
        .desde {
          display: block;
        }
        .before-price {
          color: #fff;
          margin-left: 3px;
          margin-right: 3px;
          font-weight: 300 !important;
          display: inline-block;
          .price {
            text-decoration: line-through;
            font-size:12px;
            font-weight: 300;
            color: #fff;
            &.eur, &.usd, &.gbp {
              font-size:14px;
              font-weight: 300;
            }
            abbr, .symbol{
              display: none;
            }
          }
          .current-price {
            .price {
              font-size: 16px;
              &.eur, &.usd, &.gbp {
                font-size: 20px;
              }
            }
          }
        }
      }
    }
    .description {
      opacity: 0;
      transition: opacity 0.5s linear;
      transition-delay: 0.6s;
      height: 0;
      overflow: hidden;
      position: absolute;
      top: -6px;
      width:100%;
      .country{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
      }
    }
    &:hover {
      background: rgba(16, 32, 44, 0.6);
      .description{
        height: auto;
        opacity: 1;
      }
      .fos{
        top:-26px;
        h5{
        }
      }
      .fos, .num-days {
        opacity:0;
      }
    }
  }
  .package-offers {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    vertical-align: middle; }
  .package-discount {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: $brand-red;
    color: #fff;
    border-radius: 0 20px 20px 0;
    padding: 0 15px;
    height: 26px;
    margin-left: 0;
    &.bg-green {
      background: $brand-green;
    }
    .icon {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      &, & * {
        fill: #fff;
      }
    }
    span {
      font-weight: $roboto-light;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      &.discount-main {
        font-size: $font-size-base;
        @include medium-weight;
        line-height: 26px;
        margin-left: 4px;
      }
    }
  }
}