/* input(15,51): run-time error CSS1019: Unexpected token, found ' '
input(15,51): run-time error CSS1019: Unexpected token, found ' '
input(15,51): run-time error CSS1063: Expected calculation unit, found ' '
input(15,51): run-time error CSS1064: Expected calculation product, found ' '
input(15,51): run-time error CSS1065: Expected calculation sum, found ' '
input(15,51): run-time error CSS1034: Expected closing parenthesis, found ' '
input(15,51): run-time error CSS1042: Expected function, found ' '
input(15,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(74,54): run-time error CSS1019: Unexpected token, found ' '
input(74,54): run-time error CSS1019: Unexpected token, found ' '
input(74,54): run-time error CSS1063: Expected calculation unit, found ' '
input(74,54): run-time error CSS1064: Expected calculation product, found ' '
input(74,54): run-time error CSS1065: Expected calculation sum, found ' '
input(74,54): run-time error CSS1034: Expected closing parenthesis, found ' '
input(74,54): run-time error CSS1042: Expected function, found ' '
input(74,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(82,57): run-time error CSS1019: Unexpected token, found ' '
input(82,57): run-time error CSS1019: Unexpected token, found ' '
input(82,57): run-time error CSS1063: Expected calculation unit, found ' '
input(82,57): run-time error CSS1064: Expected calculation product, found ' '
input(82,57): run-time error CSS1065: Expected calculation sum, found ' '
input(82,57): run-time error CSS1034: Expected closing parenthesis, found ' '
input(82,57): run-time error CSS1042: Expected function, found ' '
input(82,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(83,54): run-time error CSS1019: Unexpected token, found ' '
input(83,54): run-time error CSS1019: Unexpected token, found ' '
input(83,54): run-time error CSS1063: Expected calculation unit, found ' '
input(83,54): run-time error CSS1064: Expected calculation product, found ' '
input(83,54): run-time error CSS1065: Expected calculation sum, found ' '
input(83,54): run-time error CSS1034: Expected closing parenthesis, found ' '
input(83,54): run-time error CSS1042: Expected function, found ' '
input(83,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(96,51): run-time error CSS1019: Unexpected token, found ' '
input(96,51): run-time error CSS1019: Unexpected token, found ' '
input(96,51): run-time error CSS1063: Expected calculation unit, found ' '
input(96,51): run-time error CSS1064: Expected calculation product, found ' '
input(96,51): run-time error CSS1065: Expected calculation sum, found ' '
input(96,51): run-time error CSS1034: Expected closing parenthesis, found ' '
input(96,51): run-time error CSS1042: Expected function, found ' '
input(96,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(97,49): run-time error CSS1019: Unexpected token, found ' '
input(97,49): run-time error CSS1019: Unexpected token, found ' '
input(97,49): run-time error CSS1063: Expected calculation unit, found ' '
input(97,49): run-time error CSS1064: Expected calculation product, found ' '
input(97,49): run-time error CSS1065: Expected calculation sum, found ' '
input(97,49): run-time error CSS1034: Expected closing parenthesis, found ' '
input(97,49): run-time error CSS1042: Expected function, found ' '
input(97,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(123,45): run-time error CSS1019: Unexpected token, found ' '
input(123,45): run-time error CSS1019: Unexpected token, found ' '
input(123,45): run-time error CSS1063: Expected calculation unit, found ' '
input(123,45): run-time error CSS1064: Expected calculation product, found ' '
input(123,45): run-time error CSS1065: Expected calculation sum, found ' '
input(123,45): run-time error CSS1034: Expected closing parenthesis, found ' '
input(123,45): run-time error CSS1042: Expected function, found ' '
input(123,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(126,48): run-time error CSS1019: Unexpected token, found ' '
input(126,48): run-time error CSS1019: Unexpected token, found ' '
input(126,48): run-time error CSS1063: Expected calculation unit, found ' '
input(126,48): run-time error CSS1064: Expected calculation product, found ' '
input(126,48): run-time error CSS1065: Expected calculation sum, found ' '
input(126,48): run-time error CSS1034: Expected closing parenthesis, found ' '
input(126,48): run-time error CSS1042: Expected function, found ' '
input(126,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(129,48): run-time error CSS1019: Unexpected token, found ' '
input(129,48): run-time error CSS1019: Unexpected token, found ' '
input(129,48): run-time error CSS1063: Expected calculation unit, found ' '
input(129,48): run-time error CSS1064: Expected calculation product, found ' '
input(129,48): run-time error CSS1065: Expected calculation sum, found ' '
input(129,48): run-time error CSS1034: Expected closing parenthesis, found ' '
input(129,48): run-time error CSS1042: Expected function, found ' '
input(129,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(132,46): run-time error CSS1019: Unexpected token, found ' '
input(132,46): run-time error CSS1019: Unexpected token, found ' '
input(132,46): run-time error CSS1063: Expected calculation unit, found ' '
input(132,46): run-time error CSS1064: Expected calculation product, found ' '
input(132,46): run-time error CSS1065: Expected calculation sum, found ' '
input(132,46): run-time error CSS1034: Expected closing parenthesis, found ' '
input(132,46): run-time error CSS1042: Expected function, found ' '
input(132,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */
@media print, screen and (min-width: 48em) {
  .locationPanel {
    padding-top: 5rem; } }

@media print, screen and (min-width: 64em) {
  .locationPanel {
    padding-top: 4.6875rem; } }

.locationPanel .flex-box {
  border-top: 0.625rem solid #B9C8DA; }
  @media print, screen and (max-width: 47.99875em) {
    .locationPanel .flex-box {
      margin-top: 2.5rem; } }
  .locationPanel .flex-box .flexWrap {
    padding-bottom: calc(clamp(0.938rem, 7.937vw - 1.012rem, 4.063rem)); }
    @media print, screen and (min-width: 48em) {
      .locationPanel .flex-box .flexWrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.locationPanel .continentalPanel .flexCity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 1.25rem; }
  .locationPanel .continentalPanel .flexCity .cityCard {
    position: relative;
    overflow: hidden;
    width: 100%; }
    @media (min-width: 501px) and (max-width: 767px) {
      .locationPanel .continentalPanel .flexCity .cityCard {
        width: 49.5%;
        margin-right: 1%; } }
    @media print, screen and (min-width: 48em) {
      .locationPanel .continentalPanel .flexCity .cityCard {
        width: 32.431%;
        margin-right: 1.35%; } }
    .locationPanel .continentalPanel .flexCity .cityCard .insideCard img {
      width: 100%;
      -webkit-transition: all 0.75s;
      transition: all 0.75s;
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
      .locationPanel .continentalPanel .flexCity .cityCard .insideCard img:hover {
        scale: 1.05; }
    .locationPanel .continentalPanel .flexCity .cityCard .insideCard .cityName {
      position: absolute;
      bottom: 0;
      z-index: 1;
      padding: 0 1.5625rem 0.75rem; }
      .locationPanel .continentalPanel .flexCity .cityCard .insideCard .cityName p {
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.025em;
        color: #FFFFFF;
        font-family: "UntitledSerif";
        font-size: clamp(2.5rem, calc(2.5rem + (40 - 40) * ((100vw - 24.5625rem) / (1728 - 393))), 2.5rem); }
        @media (min-width: 501px) and (max-width: 767px) {
          .locationPanel .continentalPanel .flexCity .cityCard .insideCard .cityName p {
            font-size: 1.5rem;
            line-height: 1.8125rem; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          .locationPanel .continentalPanel .flexCity .cityCard .insideCard .cityName p {
            font-size: 1.625rem;
            line-height: 1.8125rem; } }
        @media print, screen and (min-width: 64em) {
          .locationPanel .continentalPanel .flexCity .cityCard .insideCard .cityName p {
            font-size: calc(clamp(1.625rem, 1.989vw + 0.352rem, 2.5rem)); } }
    .locationPanel .continentalPanel .flexCity .cityCard .insideCard .countryTitle {
      position: relative;
      z-index: 1;
      padding: 1.6875rem 1.0625rem 0;
      padding-bottom: 0; }
      @media print, screen and (min-width: 64em) {
        .locationPanel .continentalPanel .flexCity .cityCard .insideCard .countryTitle {
          padding-inline: calc(clamp(1.063rem, 1.136vw + 0.335rem, 1.563rem));
          padding-top: calc(clamp(1.688rem, 0.852vw + 1.142rem, 2.063rem)); } }
      .locationPanel .continentalPanel .flexCity .cityCard .insideCard .countryTitle h4 {
        width: 9.375rem;
        height: 5.5rem;
        font-weight: 700;
        font-size: 3.4375rem;
        line-height: 100%;
        letter-spacing: -0.06em;
        color: #FFFFFF;
        font-size: clamp(3.4375rem, calc(3.4375rem + (64 - 55) * ((100vw - 24.5625rem) / (1023 - 393))), 4rem); }
        @media print, screen and (min-width: 64em) {
          .locationPanel .continentalPanel .flexCity .cityCard .insideCard .countryTitle h4 {
            font-size: clamp(4rem, calc(4rem + (85 - 64) * ((100vw - 64rem) / (1728 - 1024))), 5.3125rem);
            width: calc(clamp(9.375rem, 11.648vw + 1.92rem, 14.5rem));
            height: calc(clamp(5.5rem, 6.818vw + 1.136rem, 8.5rem)); } }
    @media (min-width: 501px) and (max-width: 767px) {
      .locationPanel .continentalPanel .flexCity .cityCard:nth-child(2n + 2) {
        margin-right: 0; } }
    @media print, screen and (min-width: 48em) {
      .locationPanel .continentalPanel .flexCity .cityCard:nth-child(3n + 3) {
        margin-right: 0; } }
    .locationPanel .continentalPanel .flexCity .cityCard:hover::after {
      visibility: hidden;
      opacity: 0; }
    .locationPanel .continentalPanel .flexCity .cityCard:hover img {
      -webkit-transition: all 0.75s;
      transition: all 0.75s;
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }
  .locationPanel .continentalPanel .flexCity .countryCard {
    background: #0B3D71;
    color: #B9C8DA; }
    @media screen and (max-width: 500px) {
      .locationPanel .continentalPanel .flexCity .countryCard {
        height: clamp(19.75rem, calc(73.714vw + 2.473rem), 27.813rem); } }
    .locationPanel .continentalPanel .flexCity .countryCard::after {
      content: unset; }

.locationPanel .continentalPanel + .continentalPanel {
  margin-top: calc(clamp(1.25rem, 18.692vw - 3.341rem, 2.5rem)); }
  @media screen and (min-width: 501px) {
    .locationPanel .continentalPanel + .continentalPanel {
      margin-top: calc(clamp(2.5rem, 11.494vw - 1.099rem, 6.25rem)); } }
  @media print, screen and (min-width: 64em) {
    .locationPanel .continentalPanel + .continentalPanel {
      margin-top: calc(clamp(6.25rem, 7.102vw + 1.705rem, 9.375rem)); } }

.searchResultPanel .locationPanel {
  padding-top: calc(clamp(2.125rem, 4.127vw + 1.111rem, 3.75rem)); }

.locationPanel .continentalPanel .flexCity .cityCard.darkoverlay::after {
    content: '';
    background: linear-gradient(180deg, rgba(252, 253, 252, 0) 0%, black 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    visibility: visible;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.locationPanel .continentalPanel .flexCity .cityCard.darkoverlay:hover::after {
    visibility: hidden;
    opacity: 0;
}
.insideCard.overlay {
    position: relative;
}
.insideCard.overlay:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000000)), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
