/*$background-color: #CAE3E0;
$footer-bg: #BFD8D5;
$brand-pink: #DE3251;
$brand-gold: #DA932B;
$dark-gold: #98671E;

$pink: #DE3251;
$dark-pink: #9B2339;*/
.hotels-grid-block {
  max-width: 1800px;
  margin: 0 auto; }
  @media (min-width: calc(1499px + 1px)) {
    .hotels-grid-block .container {
      max-width: 1920px !important; } }
  .hotels-grid-block__filters {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 70px; }
    @media (max-width: 992px) {
      .hotels-grid-block__filters {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 40px; } }
  @media (max-width: 992px) {
    .hotels-grid-block__regions {
      margin-top: 30px; } }
  .hotels-grid-block__regions li {
    font-family: 'CircularPro-bold';
    margin: 0 30px;
    cursor: pointer; }
    @media (max-width: 992px) {
      .hotels-grid-block__regions li {
        margin: 0 15px; } }
    .hotels-grid-block__regions li a {
      color: #000000; }
    .hotels-grid-block__regions li a:hover, .hotels-grid-block__regions li a:focus {
      color: #C69521; }
  .hotels-grid-block__regions li.active {
    color: #C69521;
    text-decoration: underline;
    text-underline-offset: 15px; }
    .hotels-grid-block__regions li.active a {
      color: #C69521; }
    @media (max-width: 992px) {
      .hotels-grid-block__regions li.active {
        text-underline-offset: 10px; } }
  .hotels-grid-block__views {
    position: absolute;
    top: calc(-50% - 10px);
    right: 20px;
    margin-bottom: 0; }
    @media (max-width: 992px) {
      .hotels-grid-block__views {
        position: relative;
        right: 0;
        top: 0; } }
    .hotels-grid-block__views li {
      cursor: pointer; }
      .hotels-grid-block__views li a {
        padding: 20px 25px;
        background-color: inherit;
        border: 1px solid #E83352;
        color: inherit;
        display: flex; }
    .hotels-grid-block__views li.active a {
      background-color: #E83352;
      color: #fff !important; }
    .hotels-grid-block__views li.active:first-of-type a:before {
      background: url("/Assets/img/grid-view-icon.svg") no-repeat; }
    .hotels-grid-block__views li.active:last-of-type a:before {
      background: url("/Assets/img/location-marker-white.svg") no-repeat; }
    .hotels-grid-block__views li:first-of-type a:before {
      content: "";
      display: inline-block;
      background: url("/Assets/img/grid-view-icon-black.svg") no-repeat;
      width: 20px;
      height: 20px;
      margin-right: 8px; }
    .hotels-grid-block__views li:last-of-type a:before {
      content: "";
      display: inline-block;
      background: url("/Assets/img/location-marker.svg") no-repeat;
      width: 14px;
      height: 20px;
      margin-right: 8px; }
  .hotels-grid-block ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    margin-bottom: 0; }
  .hotels-grid-block__hotel {
    height: 660px;
    position: relative;
    padding: 20px; }
    @media (max-width: 1499px) {
      .hotels-grid-block__hotel {
        height: 450px;
        padding: 15px; } }
    @media (max-width: 767px) {
      .hotels-grid-block__hotel {
        height: 370px;
        padding-bottom: 0; } }
    .hotels-grid-block__hotel--bg-img {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      position: relative;
      cursor: pointer; }
      .hotels-grid-block__hotel--bg-img .img {
        height: 100%;
        width: 100%;
        position: absolute; }
    .hotels-grid-block__hotel__content {
      position: absolute;
      bottom: 30px;
      left: 40px;
      z-index: 1; }
      .hotels-grid-block__hotel__content h5 {
        color: #fff; }
      .hotels-grid-block__hotel__content p {
        font-size: 18px;
        color: #FCC41F; }
      .hotels-grid-block__hotel__content span {
        font-size: 24px;
        font-family: 'CircularPro-bold';
        color: #FCC41F; }
    .hotels-grid-block__hotel__content-hover {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      background: #E83352;
      padding: 40px 50px 40px 40px;
      width: 100%;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }
      .hotels-grid-block__hotel__content-hover h5 {
        color: #fff; }
      .hotels-grid-block__hotel__content-hover p {
        font-size: 18px;
        color: #fff; }
        .hotels-grid-block__hotel__content-hover p.large {
          font-size: 24px;
          line-height: 1.2;
          margin-bottom: 0; }
      .hotels-grid-block__hotel__content-hover span {
        font-size: 24px;
        font-family: 'CircularPro-bold';
        color: #fff; }
  .hotels-grid-block .hotels-grid-block__hotel--bg-img:hover .hotels-grid-block__hotel__content-hover {
    opacity: 1; }
  .hotels-grid-block .google-map {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 800px;
    margin-top: 50px; }
    .hotels-grid-block .google-map .mapboxgl-popup {
      outline: none;
      border: none; }
    .hotels-grid-block .google-map .mapboxgl-popup-content {
      padding: 10px;
      outline: none;
      border: none;
      box-shadow: none;
      background-color: #E83352;
      color: #fff;
      outline: none; }
      .hotels-grid-block .google-map .mapboxgl-popup-content a {
        color: #fff !important;
        border: none;
        outline: none; }
      .hotels-grid-block .google-map .mapboxgl-popup-content p {
        font-size: 16px;
        font-family: "CircularBook", sans-serif;
        padding: 0;
        margin: 0; }
      .hotels-grid-block .google-map .mapboxgl-popup-content p.price {
        font-size: 16px;
        font-family: 'CircularPro-bold'; }
      .hotels-grid-block .google-map .mapboxgl-popup-content span {
        font-size: 12px;
        font-family: "CircularBook", sans-serif; }
    .hotels-grid-block .google-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
      border-top-color: #E83352; }
    .hotels-grid-block .google-map .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
      border-bottom-color: #E83352; }
    .hotels-grid-block .google-map .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
      border-left-color: #E83352; }
    .hotels-grid-block .google-map .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
      border-right-color: #E83352; }
    .hotels-grid-block .google-map .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .hotels-grid-block .google-map .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
      outline: none;
      border: none; }
    .hotels-grid-block .google-map #content {
      display: flex;
      flex-direction: column;
      padding: 10px;
      background-color: #E83352;
      color: #fff;
      outline: none; }
      .hotels-grid-block .google-map #content a {
        color: #fff !important; }
      .hotels-grid-block .google-map #content p {
        font-size: 16px;
        font-family: "CircularBook", sans-serif;
        padding: 0;
        margin: 0; }
      .hotels-grid-block .google-map #content p.price {
        font-size: 16px;
        font-family: 'CircularPro-bold'; }
      .hotels-grid-block .google-map #content span {
        font-size: 12px;
        font-family: "CircularBook", sans-serif; }