.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.offers-block {
  background-color: #f1f3f5;
  font-size: 0;
  padding: 20px; }
  @media only screen and (min-width: 960px) {
    .offers-block {
      padding: 0 20px 50px; } }
  @media only screen and (min-width: 1800px) {
    .offers-block {
      padding: 0 90px 50px; } }
  .offers-block .view-offers {
    padding-top: 20px; }
    @media only screen and (min-width: 960px) {
      .offers-block .view-offers {
        padding-top: 55px; } }
  .offers-block h3 {
    font-size: 44px;
    text-align: center; }
    @media only screen and (min-width: 960px) {
      .offers-block h3 {
        margin-bottom: 30px; } }
  .offers-block .view-filters {
    margin-bottom: 25px; }
    @media only screen and (min-width: 768px) {
      .offers-block .view-filters {
        text-align: center; } }
    @media only screen and (min-width: 960px) {
      .offers-block .view-filters {
        margin-bottom: 50px;
        padding: 0 10px; } }
    @media only screen and (min-width: 1800px) {
      .offers-block .view-filters {
        margin-left: 50px; } }
    .offers-block .view-filters form {
      background-color: #f1f3f5; }
    .offers-block .view-filters label {
      font-size: 16px;
      margin-right: 15px;
      font-weight: bold;
      color: #767d84; }
      @media only screen and (min-width: 768px) {
        .offers-block .view-filters label {
          display: inline-block; } }
    .offers-block .view-filters .views-widget {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .offers-block .view-filters .views-widget {
          display: inline-block;
          width: 175px; } }
      @media only screen and (min-width: 960px) {
        .offers-block .view-filters .views-widget {
          display: inline-block;
          width: 235px; } }
      @media only screen and (min-width: 1180px) {
        .offers-block .view-filters .views-widget {
          width: 270px; } }
  .offers-block .views-widget-filter-field_group_property_ref_target_id {
    display: block; }
    @media only screen and (min-width: 768px) {
      .offers-block .views-widget-filter-field_group_property_ref_target_id {
        display: inline-block; } }
  .offers-block .views-widget-filter-field_offer_type_value {
    clear: both;
    display: block;
    margin-top: 20px; }
    @media only screen and (min-width: 768px) {
      .offers-block .views-widget-filter-field_offer_type_value {
        clear: none;
        display: inline-block;
        margin-left: 20px;
        margin-top: 0; } }
    @media only screen and (min-width: 960px) {
      .offers-block .views-widget-filter-field_offer_type_value {
        margin-left: 70px; } }
  @media only screen and (min-width: 768px) {
    .offers-block .view-content {
      text-align: center; } }
  .offers-block .views-row {
    display: inline-block;
    font-size: 0;
    margin-bottom: 25px;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .offers-block .views-row {
        margin: 0 0.66% 50px;
        width: 32%; } }
    @media only screen and (min-width: 1800px) {
      .offers-block .views-row {
        margin: 0 20px 50px;
        max-width: 420px; } }
    .offers-block .views-row.exclusive-row {
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row.exclusive-row {
          width: 98.5%; } }
      @media only screen and (min-width: 1800px) {
        .offers-block .views-row.exclusive-row {
          max-width: 1340px; } }
    .offers-block .views-row.switched-layout .offer-image {
      float: right; }
    .offers-block .views-row.switched-layout .snipe {
      left: auto;
      right: 15px; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row.switched-layout .snipe {
          right: 30px; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row.switched-layout .snipe {
          right: 15px; } }
      @media only screen and (min-width: 1180px) {
        .offers-block .views-row.switched-layout .snipe {
          right: 30px; } }
    .offers-block .views-row.last {
      margin-right: 0; }
    .offers-block .views-row.views-row-last {
      margin-bottom: 0; }
    .offers-block .views-row .offer-image {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: inline-block;
      height: 100%;
      position: relative;
      width: 100%;
      background-color: #fff; }
    .offers-block .views-row .snipe {
      background: #3a526c;
      border-radius: 50%;
      color: #fff !important;
      font-family: "Agenda Regular", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 600;
      height: 100px;
      left: 15px;
      position: absolute;
      text-align: center;
      top: 15px;
      width: 100px;
      z-index: 10;
      line-height: 100px;
      display: block;
      /*
      &:before,
      &::before {
        background-image: url('../img/icons/icon-gift.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        content: '';
        display: inline-block;
        height: 27px;
        left: 50%;
        position: absolute;
        top: 13px;
        width: 21px;

        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
      }
			*/ }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .snipe {
          left: 30px;
          top: 30px; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .snipe {
          font-size: 20px;
          left: 15px;
          top: 15px; } }
      @media only screen and (min-width: 1180px) {
        .offers-block .views-row .snipe {
          left: 30px;
          top: 30px; } }
      .offers-block .views-row .snipe span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1; }
    .offers-block .views-row .offer-desc {
      background-color: #fff;
      box-sizing: border-box;
      position: relative;
      text-align: center; }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .offer-desc {
          padding: 50px 20px; } }
    @media only screen and (min-width: 960px) {
      .offers-block .views-row .desc-wrap {
        margin: 0 auto;
        max-width: 300px;
        width: 100%; } }
    .offers-block .views-row .title {
      font-family: "BaskervilleOldFacD";
      font-size: 24px;
      font-weight: 500;
      line-height: 1.1;
      margin: 0 0 14px 0; }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .title {
          font-size: 28px; } }
    .offers-block .views-row .subtitle {
      font-size: 20px; }
    .offers-block .views-row .button {
      margin: 20px 0;
      max-width: 240px;
      padding: 16px 20px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .button {
          bottom: 80px;
          left: 50%;
          margin: 0;
          max-width: 180px;
          position: absolute;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
      @media only screen and (min-width: 1180px) {
        .offers-block .views-row .button {
          max-width: 240px; } }
      .offers-block .views-row .button a {
        color: #fff;
        text-decoration: none; }
    .offers-block .views-row .share {
      font-size: 16px; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .share {
          bottom: 30px;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); } }
      .offers-block .views-row .share a {
        background: #a7acb0;
        border: none !important;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px;
        text-decoration: none;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
        .offers-block .views-row .share a:hover {
          background: #767d84; }
        .offers-block .views-row .share a:before, .offers-block .views-row .share a::before {
          font-family: "Flaticon";
          font-size: 16px;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: inherit;
          text-rendering: optimizeLegibility;
          text-transform: none;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased; }
        @media only screen and (min-width: 1180px) {
          .offers-block .views-row .share a:first-child {
            margin-left: 10px;
            margin-right: 5px; } }
        .offers-block .views-row .share a:first-child:before, .offers-block .views-row .share a:first-child::before {
          content: "\f100"; }
        .offers-block .views-row .share a:last-child:before, .offers-block .views-row .share a:last-child::before {
          content: "\f102"; }
      .offers-block .views-row .share span {
        margin-right: 10px; }
    .offers-block .views-row .regular-offer .offer-image {
      min-height: 210px; }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .regular-offer .offer-image {
          height: 242px; } }
    .offers-block .views-row .regular-offer .offer-desc {
      padding: 20px;
      overflow: scroll; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .regular-offer .offer-desc {
          min-height: 318px; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .regular-offer .offer-desc {
          padding: 55px 20px; } }
    @media only screen and (min-width: 768px) {
      .offers-block .views-row .exclusive {
        height: 420px; } }
    @media only screen and (min-width: 768px) {
      .offers-block .views-row .exclusive.tall,
      .offers-block .views-row .exclusive.tall .offer-image {
        height: 440px; } }
    .offers-block .views-row .exclusive .offer-image {
      min-height: 210px;
      vertical-align: top;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .exclusive .offer-image {
          width: 60%; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .exclusive .offer-image {
          width: 70%; } }
      @media only screen and (min-width: 1280px) {
        .offers-block .views-row .exclusive .offer-image {
          width: 65%; } }
    .offers-block .views-row .exclusive .offer-desc {
      display: inline-block;
      height: 100%;
      padding: 20px;
      vertical-align: top;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .offers-block .views-row .exclusive .offer-desc {
          width: 40%; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .exclusive .offer-desc {
          width: 30%; } }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .exclusive .offer-desc {
          padding: 55px 20px; } }
      @media only screen and (min-width: 1280px) {
        .offers-block .views-row .exclusive .offer-desc {
          width: 35%; } }
    .offers-block .views-row .exclusive .title {
      margin-bottom: 25px; }
    .offers-block .views-row .exclusive .subtitle {
      margin-bottom: 30px; }
    .offers-block .views-row .exclusive .description ul {
      list-style: none;
      white-space: pre-line; }
      @media only screen and (min-width: 960px) {
        .offers-block .views-row .exclusive .description ul {
          display: none; } }
      @media only screen and (min-width: 1180px) {
        .offers-block .views-row .exclusive .description ul {
          display: block; } }
    .offers-block .views-row .exclusive .description li {
      display: inline-block;
      padding: 0 0 0 10px;
      width: auto; }
      .offers-block .views-row .exclusive .description li:before, .offers-block .views-row .exclusive .description li::before {
        color: #f4f5f5;
        background: none; }
    .offers-block .views-row .exclusive .button {
      bottom: 90px; }
    .offers-block .views-row .exclusive .share {
      bottom: 40px; }
  .offers-block .pager-load-more {
    margin-top: 50px;
    text-align: center; }
    .offers-block .pager-load-more li:before, .offers-block .pager-load-more li::before {
      display: none; }
    .offers-block .pager-load-more a {
      background-color: #767d84;
      border: none;
      box-sizing: border-box;
      box-shadow: none;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: "Agenda Medium", Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 1.4;
      margin: 0;
      max-width: 420px;
      padding: 14px 20px;
      text-align: center;
      text-decoration: none;
      text-shadow: none;
      transition: background 0.25s ease-in-out;
      width: 100%;
      -webkit-transition: background 0.25s ease-in-out;
      -moz-transition: background 0.25s ease-in-out;
      -ms-transition: background 0.25s ease-in-out; }

.node-offer {
  margin: 0 auto;
  max-width: 1340px; }
  .node-offer .content {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    padding: 15px;
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .node-offer .content {
        padding: 30px; } }
  .node-offer .left {
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .node-offer .left {
        width: 70%; } }
    .node-offer .left .image {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 220px;
      max-width: 845px; }
      @media only screen and (min-width: 768px) {
        .node-offer .left .image {
          height: 390px; } }
    .node-offer .left img {
      height: 220px; }
      @media only screen and (min-width: 960px) {
        .node-offer .left img {
          height: 390px; } }
    .node-offer .left .countdown {
      max-width: 784px;
      margin: 0 auto;
      padding: 20px 0; }
      @media screen and (min-width: 768px) {
        .node-offer .left .countdown {
          padding: 35px 0; } }
      .node-offer .left .countdown .promotion_clock_wrapper {
        margin: 0 -15px;
        font-size: 0; }
        .node-offer .left .countdown .promotion_clock_wrapper *, .node-offer .left .countdown .promotion_clock_wrapper *:before, .node-offer .left .countdown .promotion_clock_wrapper *:after {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left {
          display: inline-block;
          vertical-align: middle;
          width: 100%; }
          @media screen and (min-width: 768px) {
            .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left {
              width: 34%;
              padding: 0 15px; } }
          .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left .h2 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 8px; }
            @media screen and (min-width: 768px) {
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left .h2 {
                font-size: 36px;
                text-align: right; } }
          .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left .h4 {
            font-family: "Agenda Regular", Arial, Helvetica, sans-serif;
            text-align: center;
            margin-bottom: 20px; }
            @media screen and (min-width: 768px) {
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_left .h4 {
                text-align: right;
                margin-bottom: 0; } }
        .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right {
          display: inline-block;
          vertical-align: middle;
          width: 100%; }
          @media screen and (min-width: 768px) {
            .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right {
              width: 66%;
              padding: 0 15px; } }
          .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock {
            display: table;
            width: 100%;
            table-layout: fixed; }
            .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time {
              display: table-cell;
              vertical-align: top;
              text-align: center;
              border-left: 1px solid #babec1; }
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time:first-child {
                border-left: 0; }
                @media screen and (min-width: 768px) {
                  .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time:first-child {
                    border-left: 1px solid #babec1; } }
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time p {
                margin: 0; }
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time .value {
                font-size: 30px;
                font-family: "BaskervilleOldFacD";
                line-height: 30px;
                margin-bottom: 10px; }
                @media screen and (min-width: 768px) {
                  .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time .value {
                    font-size: 36px;
                    line-height: 40px;
                    margin-bottom: 16px; } }
                @media screen and (min-width: 960px) {
                  .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time .value {
                    font-size: 48px; } }
              .node-offer .left .countdown .promotion_clock_wrapper .promotion_clock_right .promotion_clock .time .name {
                text-transform: uppercase; }
  .node-offer .right {
    box-sizing: border-box;
    color: #767d84;
    display: inline-block;
    padding: 30px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .node-offer .right {
        height: 100%;
        padding: 20px 0;
        top: 0;
        width: 30%; } }
    .node-offer .right p {
      color: #767d84; }
    .node-offer .right .title {
      font-family: "BaskervilleOldFacD";
      font-size: 24px;
      margin-bottom: 30px; }
      @media only screen and (min-width: 960px) {
        .node-offer .right .title {
          font-size: 28px; } }
    .node-offer .right .subtitle {
      font-size: 20px;
      margin-bottom: 30px; }
    .node-offer .right .description {
      margin-bottom: 30px; }
      .node-offer .right .description li {
        display: inline-block;
        padding: 0;
        width: 100%; }
        .node-offer .right .description li:before, .node-offer .right .description li::before {
          background-color: transparent;
          background-image: url("../img/icons/check-circle.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: inline-block;
          height: 14px;
          position: relative;
          top: 50%;
          width: 14px;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%); }
  .node-offer .return-link {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 30px;
    position: relative; }
    .node-offer .return-link:before, .node-offer .return-link::before {
      background-image: url("../img/icons/arrow-left.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: inline-block;
      height: 29px;
      position: absolute;
      top: 50%;
      width: 10px;
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
    .node-offer .return-link a {
      border-left: 1px solid #767d84;
      color: #767d84;
      display: inline-block;
      height: 43px;
      line-height: 2.8;
      margin-left: 20px;
      padding-left: 15px;
      vertical-align: top; }
  .node-offer .share {
    font-size: 16px; }
    .node-offer .share a {
      background: #a7acb0;
      border: none !important;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 0;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 30px;
      text-decoration: none;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .node-offer .share a:hover {
        background: #767d84; }
      .node-offer .share a:before, .node-offer .share a::before {
        font-family: "Flaticon";
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased; }
      @media only screen and (min-width: 1180px) {
        .node-offer .share a:first-child {
          margin-left: 10px;
          margin-right: 5px; } }
      .node-offer .share a:first-child:before, .node-offer .share a:first-child::before {
        content: "\f100"; }
      .node-offer .share a:last-child:before, .node-offer .share a:last-child::before {
        content: "\f102"; }
    .node-offer .share span {
      margin-right: 10px; }

.property-offers-block {
  padding: 20px;
  text-align: center; }
  .property-offers-block h4 {
    color: #767d84;
    font-family: "BaskervilleOldFacD";
    font-size: 36px;
    margin-bottom: 70px; }
  .property-offers-block .content-wrap {
    font-size: 0; }
  .property-offers-block .cols {
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .property-offers-block .cols {
        margin: 0 1% 40px;
        width: 31%; } }
    @media only screen and (min-width: 960px) {
      .property-offers-block .cols {
        margin: 0 1.5% 40px;
        width: 30%; } }
    .property-offers-block .cols .property-img {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 330px; }
      @media only screen and (min-width: 768px) {
        .property-offers-block .cols .property-img {
          height: 210px; } }
      @media only screen and (min-width: 960px) {
        .property-offers-block .cols .property-img {
          height: 330px; } }
    .property-offers-block .cols .img {
      background-size: contain;
      max-width: 100%;
      width: 235px; }
      @media only screen and (min-width: 768px) {
        .property-offers-block .cols .img {
          width: 180px; } }
      @media only screen and (min-width: 960px) {
        .property-offers-block .cols .img {
          width: 235px; } }
    .property-offers-block .cols img {
      margin-bottom: 40px;
      max-width: 200px; }
      @media only screen and (min-width: 1280px) {
        .property-offers-block .cols img {
          max-width: 300px; } }
    .property-offers-block .cols li:before, .property-offers-block .cols li::before {
      display: none; }
    .property-offers-block .cols .logo {
      margin: 25px 0 0; }
      @media screen and (min-width: 960px) {
        .property-offers-block .cols .logo {
          margin: 28px 0 0; } }
  .property-offers-block .button {
    margin-top: 40px;
    max-width: 280px;
    min-height: auto;
    width: 100%; }
    .property-offers-block .button a {
      color: #fff; }
  .property-offers-block .property-list a {
    font-size: 19px; }

.inquire-block {
  padding: 20px;
  text-align: center; }
  .inquire-block h4 {
    color: #767d84;
    font-family: "BaskervilleOldFacD";
    font-size: 24px; }
    @media only screen and (min-width: 960px) {
      .inquire-block h4 {
        font-size: 28px; } }
  .inquire-block .content {
    margin: 0 auto;
    max-width: 690px;
    width: 100%; }

.booking-block h3 {
  text-align: center; }

#main .inline-booking-widget {
  padding: 40px 0; }
  @media only screen and (min-width: 960px) {
    #main .inline-booking-widget {
      margin: 10px 0 20px;
      padding: 60px 0; } }
  #main .inline-booking-widget .field-availability-wrapper {
    padding: 0; }

@media only screen and (min-width: 960px) {
  #main .offers-available-properties {
    padding: 0; } }

.block-ph-offer[data-bid=ph_offer-offer_to_book] {
  padding: 0; }

/*# sourceMappingURL=offers.css.map */