/*-------------------------------  OFFERS PAGE V2 ------------------------------*/
/* Box Sizing */
.offers-listing-wrapper, .offers-listing, .offer, .offer-link, .offer .offer-title, .offer .offer-description, .offer .offer-includes, .offer .offer-date-range, .offer-box, .offer .offer-button {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* START offers-listing-wrapper */
.offers-listing-wrapper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 50px 20px;
}

.offers-listing-wrapper h2 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
}

/* offers listing */
.offers-listing {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-wrap: wrap;
}

.offer {
    display: block;
    list-style: none;
    margin: 0;
    margin-bottom: 10px !important;
    padding: 30px 20px;
    width: 50%;
    float: left;
}

/* box offer */
.offer .offer-link {
    border: 1px solid #dddddd !important;
    color: #444444;
    display: block;
    text-align: left;
    text-decoration: none !important;
    background: #fff;
}

.offer .offer-intro {
    position: relative;
}

.offer .offer-intro, .offer .offer-date-range {
    background-color: #444;
}

.offer .offer-description {
    background-color: #fff;
    height: 200px;
    padding: 10px 4%;
    position: relative;
}

.offer .offer-description, .offer .offer-box {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.offer .offer-link:hover .offer-description {
    background-color: #f8f8f8;
}

.offer .offer-link:hover .offer-box {
    background-color: #e6e6e6;
}

.offer .offer-description p {
    line-height: 20px;
}

.offer .offer-date-range {
  bottom: 15px;
  /*box-shadow: 2px 3px 3px #666666;
  -webkit-box-shadow: 2px 3px 3px #666666;*/
  font-size: 0.9em;
  padding: 7px 12px;
  position: absolute;
  right: -10px;
}

.offer .offer-date-range i.eci {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
    height: 20px;
    width: 20px;
}

.offer .offer-photo, .offer .offer-title {
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.offer .offer-photo img {
    width: 100%;
}

.offer .offer-title {
    width: 75%;
    font-size: 1.4em;
    line-height: normal;
    margin: 0;
    padding: 35px 5% 20px !important;
    word-break: break-word;
}

.offer .offer-title, .offer .offer-date-range {
    color: #ffffff !important;
}

.offer .offer-deco {
    background-color: #777;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    /*box-shadow: 0 2px 2px #111111;
    -webkit-box-shadow: 0 2px 2px #111111;*/
    padding: 15px;
    position: absolute;
    right: 15px;
    top: -25px;
}

.offer i.eci {
    display: block;
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

.offer i.icon-calendar {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.offer .offer-date-range * {
    vertical-align: middle;
}

.offer .offer-date-range:after {
    border-color: #0F4469 transparent transparent;
    border-style: solid;
    border-width: 6px 9px 6px 0;
    bottom: -12px;
    content: "";
    position: absolute;
    right: 0;
}

.offer .offer-button {
    background-color: #333;
    border-radius: 0 0 0 !important;
    -webkit-border-radius: 0 0 0 !important;
    box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    color: #fff;
    margin: 0 !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    text-align: center;
    width: 100%;
}

.offer .offer-button:hover {}

.offer .offer-box {
    background-color: #f8f8f8;
    color: #72d01c;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 4%;
    text-align: center;
}

.offer .offer-box span {
    display: inline-block !important;
    font-size: 1.3em;
    float: none !important;
    line-height: initial;
    min-height: auto !important;
    width: auto !important;
}

/* END offers listing box */


/* Large desktop */
@media (min-width: 1200px) {}

/* customize ipad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    .offer {
        float: none;
        margin: 0 auto 10px;
        width: 80% !important;
    }
}

@media (max-width: 767px) {

    .offers-listing-wrapper, .offer {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .offers-listing {
        margin: 0;
    }

    .offer-box-2 {
        margin-bottom: 10px;
    }

    .offer-box-2 .offer-photo {
        width: auto;
    }

    .offer-box-2 .offer-photo img {
        width: 100px;
        height: 104px;
        object-fit: cover;
    }

    .offer-box-2 .offer-title {
        padding: 25px 5% !important;
        text-align: center;
        overflow: hidden;
        width: auto;
        float: none;
    }

    .offer .offer-deco {
        right: 10px;
        top: -30px;
    }

    .offer-box-2 .offer-description {
        height: auto !important;
        margin: 25px 0 !important;
    }

    .offer-box-2 .offer-date-range {
        padding: 5px 5px;
        right: auto;
        text-align: center;
        position: relative;
        bottom: auto;
    }

    .offer-box-2 .offer-date-range:before, .offer-box-2 .offer-date-range:after {
        display: none;
    }

    .offer-box-2 .offer-button {
        width: 100%;
    }
}

/* IE8 FIXES */
.ie8 .offer .calendar-nights-label {margin-right: 20px !important;}
.ie8 .offer .offer-button {filter: none;}
.ie8 .ngg-fancybox {display: block;}

/*------------------------------ END OFFERS PAGE V2 ----------------------------*/