@font-face {
    font-family: SymbolIcon-Line;
    src: url("https://cdn.staycation.co/production/fonts/SymbolIcon-Line.582f3f8d3923962166fc981a88a47eae.woff");
}

@font-face {
  font-family: SymbolIcon-Solid;
  src: url("https://cdn.staycation.co/production/fonts/SymbolIcon-Solid.b4c1bf04f4678b4f5432a234c65b5c59.woff");
}

.wrapperIconsClubs {
  display: none;
  grid-template-columns: repeat(7, 1fr);
  transition: transform .8s ease-in-out;
}

.wrapperIconsClubs .icon {
    color: #fff;
    font-size: 24px;
    margin: 0px 0px 0px 3px;
}

.wrapperIconsClubs .icon::before {
    background-color: black;
    position: relative;
    display: inline-grid;
    padding: 5px;
    border-radius: 6px;
}

.wrapperIconsClubs .icon:hover {
  cursor: pointer;
}

.iconsClub{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.clubDiv {
  margin: 0;
  padding: 0;
  height: 85px;
}

.clubDiv span{
  top: -26px;
  position: relative;
  font-size: 12px;
}

.number {
	/* margin: 100px; */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.number div {
  cursor:pointer;
  display: flex;
	flex-direction: row;
	justify-content: end;

	width: 40px;
	height: 40px;
	background: #f2f2f2 !important;
	border-radius: 4px !important;
	padding: 8px 5px 8px 5px !important;
	border: 1px solid #ddd !important;
	text-align: center;
  font-size: 26px;
	color: black;
	
}

/*
.minus, .plus{
  width:20px !important;
  height:20px !important;
  background:#f2f2f2 !important;
  border-radius:4px !important;
  padding:8px 5px 8px 5px !important;
  border:1px solid #ddd !important;
  display: inline-block !important;
  vertical-align: middle !important;
  text-align: center !important;
}
.number input{
  height:34px !important;
  width: 100px !important;
  text-align: center !important;
  font-size: 26px !important;
  border:1px solid #ddd !important;
  border-radius:4px !important;
  display: inline-block !important;
  vertical-align: middle !important;
} 
*/


[class*=" line-"], [class^="line-"] {
	font-family: SymbolIcon-Line !important;
}

[class*=" line-"], [class*=" solid-"], [class^="line-"], [class^="solid-"] {
	text-transform: none;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-variant: normal;
	speak: none;
}

.sticky-mobile-nav .register:hover {
    cursor:pointer
   }
   .line-eiffel-tower:before {
    content:"\E900";
   }
   .line-elephant:before {
    content:"\E901"
   }
   .line-ticket:before {
    content:"\E902"
   }
   .line-caret-sort:before {
    content:"\E903"
   }
   .line-link:before {
    content:"\E904"
   }
   .line-mail:before {
    content:"\E905"
   }
   .line-location:before {
    content:"\E96D"
   }
   .line-history:before {
    content:"\E96E"
   }
   .line-bretzel:before {
    content:"\E96C"
   }
   .line-qr-code:before {
    content:"\E906"
   }
   .line-grapes:before {
    content:"\E907"
   }
   .line-suitcase:before {
    content:"\E969"
   }
   .line-chat-conversation:before {
    content:"\E965"
   }
   .line-mail-open:before {
    content:"\E966"
   }
   .line-phone:before {
    content:"\E967"
   }
   .line-directions:before {
    content:"\E968"
   }
   .line-balcony:before {
    content:"\E908"
   }
   .line-tune-alt:before {
    content:"\E909"
   }
   .line-noodle-bowl:before {
    content:"\E90A"
   }
   .line-croissant:before {
    content:"\E962"
   }
   .line-pool-ladder:before {
    content:"\E90B"
   }
   .line-spa:before {
    content:"\E90C"
   }
   .line-warming-cover:before {
    content:"\E90D"
   }
   .line-ER-square:before {
    content:"\E90E"
   }
   .line-menu:before {
    content:"\E95C"
   }
   .line-wifi-off:before {
    content:"\E95A"
   }
   .line-wrench:before {
    content:"\E95B"
   }
   .line-heart-off:before {
    content:"\E959"
   }
   .line-snowflake-alt:before {
    content:"\E90F"
   }
   .line-cocktail:before {
    content:"\E910"
   }
   .line-earth-alt:before {
    content:"\E911"
   }
   .line-hot-tub-multi:before {
    content:"\E912"
   }
   .line-sandals:before {
    content:"\E913"
   }
   .line-tree-palm:before {
    content:"\E914"
   }
   .line-umbrella-beach:before {
    content:"\E915"
   }
   .line-time:before {
    content:"\E916"
   }
   .line-golf:before {
    content:"\E917"
   }
   .line-soccerball:before {
    content:"\E918"
   }
   .line-ghost:before {
    content:"\E919"
   }
   .line-padlock-unlock:before {
    content:"\E91A"
   }
   .line-padlock:before {
    content:"\E91B"
   }
   .line-siren:before {
    content:"\E91C"
   }
   .line-warning:before {
    content:"\E91D"
   }
   .line-stars:before {
    content:"\E91E"
   }
   .line-big-ben:before {
    content:"\E91F"
   }
   .line-person:before {
    content:"\E920"
   }
   .line-user:before {
    content:"\E921"
   }
   .line-users:before {
    content:"\E922"
   }
   .line-flower:before {
    content:"\E923"
   }
   .line-speaker:before {
    content:"\E924"
   }
   .line-octopus:before {
    content:"\E925"
   }
   .line-location-target:before {
    content:"\E926"
   }
   .line-map-location:before {
    content:"\E927"
   }
   .line-near-me:before {
    content:"\E928"
   }
   .line-bathtub-shower:before {
    content:"\E929"
   }
   .line-bubbles:before {
    content:"\E92A"
   }
   .line-conditioner:before {
    content:"\E92B"
   }
   .line-hair-dryer:before {
    content:"\E92C"
   }
   .line-iron:before {
    content:"\E92D"
   }
   .line-shower:before {
    content:"\E92E"
   }
   .line-toliet-alt:before {
    content:"\E92F"
   }
   .line-bed:before {
    content:"\E930"
   }
   .line-sofa:before {
    content:"\E931"
   }
   .line-window-sill:before {
    content:"\E932"
   }
   .line-health-cross:before {
    content:"\E933"
   }
   .line-love-letter:before {
    content:"\E934"
   }
   .line-party-bell:before {
    content:"\E935"
   }
   .line-party-horn:before {
    content:"\E936"
   }
   .line-wave:before {
    content:"\E937"
   }
   .line-iphone-x:before {
    content:"\E938"
   }
   .line-crdit-card-alt:before {
    content:"\E939"
   }
   .line-film:before {
    content:"\E93A"
   }
   .line-tv-hd:before {
    content:"\E93B"
   }
   .line-school-bell:before {
    content:"\E93C"
   }
   .line-wifi:before {
    content:"\E93D"
   }
   .line-ruler-square:before {
    content:"\E93E"
   }
   .line-calendar-date:before {
    content:"\E93F"
   }
   .line-calendar-time:before {
    content:"\E940"
   }
   .line-calendar:before {
    content:"\E941"
   }
   .line-info:before {
    content:"\E942"
   }
   .line-special-check:before {
    content:"\E943"
   }
   .line-add-circle:before {
    content:"\E944"
   }
   .line-add:before {
    content:"\E945"
   }
   .line-cancel-circle:before {
    content:"\E946"
   }
   .line-cancel:before {
    content:"\E947"
   }
   .line-caret-down:before {
    content:"\E948"
   }
   .line-caret-left:before {
    content:"\E949"
   }
   .line-caret-right:before {
    content:"\E94A"
   }
   .line-caret-up:before {
    content:"\E94B"
   }
   .line-check-circle:before {
    content:"\E94C"
   }
   .line-check:before {
    content:"\E94D"
   }
   .line-checkbox:before {
    content:"\E94E"
   }
   .line-minus-circle:before {
    content:"\E94F"
   }
   .line-minus:before {
    content:"\E950"
   }
   .line-radio-button:before {
    content:"\E951"
   }
   .line-share:before {
    content:"\E952"
   }
   .line-baby:before {
    content:"\E953"
   }
   .line-fire:before {
    content:"\E954"
   }
   .line-cup:before {
    content:"\E955"
   }
   .line-french-press:before {
    content:"\E956"
   }
   .line-eye-off:before {
    content:"\E957"
   }
   .line-eye:before {
    content:"\E958"
   }
   .line-favorite:before {
    content:"\E95D"
   }
   .line-heart:before {
    content:"\E95E"
   }
   .line-home:before {
    content:"\E95F"
   }
   .line-search:before {
    content:"\E960"
   }
   .line-settings:before {
    content:"\E961"
   }
   .line-trash:before {
    content:"\E963"
   }
   .line-wrenches:before {
    content:"\E964"
   }
   .line-arrow-down:before {
    content:"\E96A"
   }
   .line-arrow-left:before {
    content:"\E96B"
   }
   .line-arrow-right:before {
    content:"\E96F"
   }
   .line-arrow-up:before {
    content:"\E970"
   }
   .line-lion-face:before {
    content:"\E971"
   }
   .line-information:before {
    content:"\E972"
   }
   .line-universal-access-alt:before {
    content:"\E973"
   }
   .solid-chart-bar:before {
    content:"\E90E"
   }
   .solid-caret-down:before {
    content:"\E90F"
   }
   .solid-caret-left:before {
    content:"\E910"
   }
   .solid-caret-right:before {
    content:"\E911"
   }
   .solid-caret-up:before {
    content:"\E912"
   }
   .solid-apple:before {
    content:"\E900"
   }
   .solid-facebook:before {
    content:"\E901"
   }
   .solid-user:before {
    content:"\E902"
   }
   .solid-directions:before {
    content:"\E903"
   }
   .solid-location:before {
    content:"\E904"
   }
   .solid-mail-open:before {
    content:"\E905"
   }
   .solid-school_bell:before {
    content:"\E906"
   }
   .solid-check-circle:before {
    content:"\E907"
   }
   .solid-check-square:before {
    content:"\E908"
   }
   .solid-radio-button-active:before {
    content:"\E909"
   }
   .solid-phone:before {
    content:"\E90A"
   }
   .solid-favorite:before {
    content:"\E90B"
   }
   .solid-heart:before {
    content:"\E90C"
   }
   .solid-home:before {
    content:"\E90D"
   }

   
.notation{
  float: right;
}

.discount {
    margin-left: 8px;
    border-radius: 4px;
    background: #a2a2a2;
    width: 40px;
    height: 20px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
  }


  .discount-inline {
    margin-left: 8px;
    border-radius: 8px;
    background: #a2a2a2;
    /* width: 40px; */
    /* height: 20px; */
    text-align: center;
    line-height: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 10px !important;
  }

  .availabiltiesContainer {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    border: 0.25px solid #e5e5e5;
    border-radius: 10px;
  }

  .availabiltiesContainer a{
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }

  .availabiltiesContainer h5{
    padding: 0;
    margin: 15px;
  }

  .availableValueContainer {
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }

  .availableValueContainer .availablePrice {
    font-weight: 800;
    margin-right: 8px;
  }

  .availableValueContainer .availablePriceCrossed {
    color: #b3b3b3;
    text-decoration: line-through;
    margin-right: 8px;
  }

  .availableValueContainer .availableDiscount {
    font-weight: 500;
    color: #ff2e63;
  }

  .availableRemainContainer {
    margin-left: 8px;
  }

  .availableRemain {
    display: flex;
    align-items: center;
    background-color: #101010;
    color: #fff;
    font-weight: 500;
    padding: 1px 8px;
    border-radius: 4px;
    white-space: nowrap;
  }

  #selectDate {
    border: 1px solid #b3b3b3;
    background-color: white;
    color: #545454;
    padding: 16px;
    border-radius: 10px;
    font-size: 15px;
  }

  #selectDate:hover{
    border: 1px solid #a7a7a7;
    background-color: rgb(241, 241, 241);
    cursor: pointer;
  }

  .dropdownIcon{
    margin-left: 10px;
    align-self: center;
    fill:white;
    transform: rotate(90deg);
    transition: transform .8s ease-in-out;
  }

  .dropdownIcon:hover{
    cursor: pointer;
    transform: rotate(15deg);
    transition: transform .5s ease-in-out;
  }
  
  .filters{
    margin: 10px;
  }

  
  .radioFilters{
    margin: 10px;
    display: flex;
    flex-direction: column;
  }

  .radioRow{
    display: flex;
    flex-direction: row;
  }

  *,
*::before,
*::after {
  box-sizing: border-box;
}

.checkboxes__item {
  padding: 15px;
  width: 50%;
}


.checkbox {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox input:checked ~ .checkbox__checkmark {
  background-color: #ffaf1e;
}
.checkbox input:checked ~ .checkbox__checkmark:after {
  opacity: 1;
}
.checkbox:hover input ~ .checkbox__checkmark {
  background-color: #eee;
}
.checkbox:hover input:checked ~ .checkbox__checkmark {
  background-color: #ffaf1e;
}
.checkbox .checkbox__checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  transition: background-color 0.25s ease;
  border-radius: 4px;
}
.checkbox .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.checkbox .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
}


body {
    color: #404040;
    font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
  }

  * {
    box-sizing: border-box;
  }

  .sidebar {
    position: absolute;
    width: 33.3333%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }

  .map {
    position: absolute;
    left: 33.3333%;
    width: 66.6666%;
    top: 0;
    bottom: 0;
  }

  h1 {
    font-size: 22px;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 2px;
  }

  a {
    color: #404040;
    text-decoration: none;
  }

  a:hover {
    color: #101010;
  }

  .heading {
    background: #fff;
    border-bottom: 1px solid #eee;
    min-height: 60px;
    line-height: 60px;
    padding: 0 10px;
    background-color: #ff3366;
    color: #fff;
  }

  .listings {
    height: 100%;
    overflow: auto;
    padding-bottom: 60px;
  }

  .listings .item {
    /* display: block; */
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-decoration: none;
  }

  .listings .item:last-child {
    border-bottom: none;
  }
  .listings .item .title {
    display: block;
    color: #ff3366;
    font-weight: 700;
  }

  .listings .item .title small {
    font-weight: 400;
  }
  .listings .item.active .title,
  .listings .item .title:hover {
    color: #fc557e;
  }
  .listings .item.active {
    background-color: #f8f8f8;
  }
  ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-left: 0;
    background: rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar-track {
    background: none;
  }
  ::-webkit-scrollbar-thumb {
    background: #ff3366;
    border-radius: 0;
  }

  /* .marker {
    border: none;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background-image: url("../src/img/svg/staycationIcon.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  } */
  .marker {
    border: none;
    cursor: pointer;
    height: 26px;
    width: 52px;
    /* background-image: url("../src/img/svg/staycationIcon.svg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* background-color: #ff3366; */
    border-radius: 10px;
    font-weight: 900;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .markerPrice::before {
    /* content: "€"; */
    content: attr(data-content);
    font-weight: 900;
    color: white;
    top: 0.25em;
    position: absolute;
    left: 0.65rem;
  }

  .markerDiscount::before {
    content: attr(data-content);
    font-weight: 900;
    color: white;
    top: 0.25em;
    position: absolute;
    left: 3.8rem;
  }

  .scalePrice {
    border: none;
    cursor: pointer;
    height: 26px;
    width: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    font-weight: 900;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: solid 1px black;
  }

  .scalePrice::before {
    content: attr(data-content);
    font-weight: 900;
    color: black;
    /* top: 0.25em; */
    position: relative;
    left: 0.65rem;
  }



  /* Marker tweaks */
  .mapboxgl-popup {
    padding-bottom: 50px;
  }

  .mapboxgl-popup-close-button {
    display: none;
  }
  .mapboxgl-popup-content {
    font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
    padding: 0;
    /* width: 180px; */
    width: 400px;
    right: 80px;
  }
  .mapboxgl-popup-content h3 {
    /* background: #ff3366; */
    color: #fff;
    margin: 0;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    font-weight: 700;
    margin-top: -15px;

    background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
	  height: 126px;
  }

  .mapboxgl-popup-content h4 {
    margin: 0;
    padding: 10px;
    font-weight: 400;
  }

  .mapboxgl-popup-content div {
    padding: 5px 5px;
  }

  .mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
    margin-top: 15px;
  }

  .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
    border-bottom-color: #ff3366;
  }


  /* STAYCATION STYLE */

  .package-card__content {
    position:relative;
    margin-top:14px
   }
   .package-card__location {
    /* max-width:78%; */
    overflow:hidden;
    text-transform:uppercase;
    text-overflow:ellipsis;
    line-height:18px;
    white-space:nowrap;
    color:#a2a2a2;
    font-size:14px;
    font-weight:500
   }

   .package-card__name {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
    font-weight:600
   }

   .cards{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 20px 0px 0px;
   }
   
   .downCards{
    width: 60px;
    text-align: center;
    line-height: 13px;
    margin:0;
    font-size: 9px;
    /* height: 60px; */
    /* margin: 0px 20px 0px 0px; */
   }

   .textCards{
    text-align: center;
    /*! width: 4px; */
    margin: 10px 0px 0px 0px;
    font-size: 13px;
    top: 51px;
    position: relative;
    line-height: 13px;
   }


   /* Nouveeau CSS */
   .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .greyscaleFilter{
    filter: grayscale(100%);
    opacity: 80%;
  }

  .demo {
    width: 100%;
  }
  ul {
      list-style: none outside none;
      padding-left: 0;
      margin-bottom:0;
  }
  li {
      display: block;
      float: left;
      margin-right: 6px;
      cursor:pointer;
  }
  img {
      display: block;
      height: auto;
      max-width: 100%;
  }
  .lSPrev{
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3EArrow-LeftinCircle%3C/title%3E%3Cpath fill='white' d='M18 26c-0.232 0-0.456-0.12-0.581-0.336l-5.333-9.333c-0.117-0.204-0.117-0.456 0-0.663l5.333-9.333c0.184-0.319 0.589-0.429 0.911-0.248 0.319 0.184 0.431 0.589 0.249 0.909l-5.144 9.003 5.144 9.001c0.183 0.321 0.071 0.727-0.249 0.912-0.103 0.060-0.217 0.088-0.329 0.088zM16 1.333c8.085 0 14.667 6.58 14.667 14.667 0 8.088-6.581 14.667-14.667 14.667-8.087 0-14.667-6.579-14.667-14.667 0-8.087 6.58-14.667 14.667-14.667zM16 0c-8.836 0-16 7.164-16 16 0 8.835 7.164 16 16 16s16-7.165 16-16c0-8.836-7.164-16-16-16v0z'%3E%3C/path%3E%3C/svg%3E") !important;
  }
  .lSNext{
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3EArrow-RightinCircle%3C/title%3E%3Cpath fill='white' d='M14 26c-0.112 0-0.225-0.028-0.331-0.085-0.32-0.185-0.431-0.589-0.248-0.912l5.144-9.001-5.144-9.003c-0.183-0.32-0.072-0.725 0.248-0.909 0.317-0.183 0.727-0.072 0.909 0.248l5.333 9.333c0.117 0.205 0.117 0.457 0 0.663l-5.333 9.333c-0.123 0.213-0.348 0.333-0.579 0.333zM16 1.333c8.085 0 14.667 6.58 14.667 14.667 0 8.088-6.581 14.667-14.667 14.667-8.087 0-14.667-6.579-14.667-14.667 0-8.087 6.58-14.667 14.667-14.667zM16 0c-8.836 0-16 7.164-16 16 0 8.835 7.164 16 16 16s16-7.165 16-16c0-8.836-7.164-16-16-16v0z'%3E%3C/path%3E%3C/svg%3E") !important;
  }