/*$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;
}