/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.interactive-map {
  height: 24.375rem;
  width: 100vw;
}

.map-component .interactive-map {
  height: 21.875rem;
}

@media (min-width: 750px) {
  .map-component .interactive-map {
    height: 37.5rem;
  }
}

@media (min-width: 1200px) {
  .interactive-map {
    height: 37.5rem;
  }
}

html[dir=rtl] .interactive-map {
  direction: ltr;
}

.interactive-map__comment {
  pointer-events: none;
  opacity: 0;
  display: none;
  position: absolute;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 18.8125rem;
  font-family: "Tiempos Headline Light", serif;
  font-size: .6875rem;
  line-height: 1.125rem;
  color: #7e7e7e;
  z-index: 1;
  -webkit-transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
  transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
}

@media (min-width: 750px) {
  .interactive-map__comment {
    display: block;
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

.interactive-map__comment p {
  font-size: inherit;
  line-height: inherit;
}

.interactive-map.is-open ~ .interactive-map__comment,
.interactive-map.is-open .interactive-map__comment {
  opacity: 1;
}

html[dir=rtl] .interactive-map__comment {
  font-family: "Tajawal Medium", helvetica;
  font-size: .75rem;
  line-height: .9375rem;
}

.is-popup-open ~ .interactive-map__comment {
  opacity: 0 !important;
}

.interactive-map .leaflet-control-container {
  z-index: 0;
}

.map-popup--extended {
  width: 16.25rem;
  height: auto;
  padding: 0;
  text-align: left;
  background-color: #fff;
  pointer-events: all;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 999;
}

.map-popup--extended .leaflet-popup-content-wrapper {
  background-color: transparent;
  pointer-events: all;
}

.map-popup--extended .leaflet-popup-content {
  padding: 2.5625rem 1.8125rem 2.5rem 1.9375rem;
  text-align: left;
}

.map-popup {
  text-transform: none;
}

.map-popup__inner {
  padding: 0;
}

.map-popup__region {
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .625rem;
  line-height: 2.2;
  letter-spacing: 1.9px;
  text-align: left;
  text-transform: uppercase;
  color: #8e8e8e;
}

@media (min-width: 750px) {
  html[dir=rtl] .map-popup__region {
    font-size: .625rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-popup__region {
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

.map-popup__country {
  font-family: "GT America Compressed Bold", sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: normal;
}

@media (min-width: 1200px) {
  .map-popup__country {
    font-size: 1.875rem;
    font-style: normal;
    line-height: 1.13;
  }
}

@media (min-width: 750px) {
  html[dir=rtl] .map-popup__country {
    font-family: "Tajawal ExtraBold", helvetica;
    font-size: 1.25rem;
    line-height: 1.4375rem;
    letter-spacing: 0;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-popup__country {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
}

.map-popup__description {
  display: none;
}

@media (min-width: 1200px) {
  .map-popup__description {
    display: block;
    margin: .625rem 0;
    font-family: "Tiempos Headline Light", serif;
    font-size: .8125rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8e8e8e;
  }

  html[dir=rtl] .map-popup__description {
    text-align: right;
    font-size: .9375rem;
    line-height: 1.4375rem;
    letter-spacing: 0;
  }
}

.map-popup__description p {
  font-size: inherit;
  line-height: inherit;
}

.map-popup__description p + p {
  margin-top: 0;
}

.map-popup__numbers {
  display: none;
}

@media (min-width: 1200px) {
  .map-popup__numbers {
    display: block;
  }

  .map-popup__numbers h4 {
    font-family: "GT America Compressed Bold", sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    letter-spacing: normal;
  }

  html[dir=rtl] .map-popup__numbers h4 {
    font-family: "GT America Compressed Bold", sans-serif;
    font-size: 1.875rem;
    line-height: normal;
    text-align: right;
  }

  .map-popup__numbers p {
    color: #8e8e8e;
    margin-top: .3125rem;
    font-family: "GT America Condensed Medium", sans-serif;
    font-size: .625rem;
    line-height: .9375rem;
    letter-spacing: .11875rem;
    text-transform: uppercase;
  }

  html[dir=rtl] .map-popup__numbers p {
    text-align: right;
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

.map-popup__social {
  font-family: "Tiempos Headline Light", serif;
  letter-spacing: 0;
}

.map-popup__social > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  margin-top: .625rem;
  color: #8e8e8e;
}

html[dir=rtl] .map-popup__social > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.map-popup__social .icon {
  fill: #e00;
  margin-right: 1.25rem;
}

html[dir=rtl] .map-popup__social .icon {
  margin-right: 0;
  margin-left: .625rem;
}

.map-popup__social .icon-facebook {
  width: .86875rem;
  height: .75625rem;
}

.map-popup__social .icon-twitter {
  width: .86875rem;
  height: .7125rem;
}

.map-popup__social svg {
  position: relative;
}

@media (min-width: 750px) {
  html[dir=rtl] .map-popup__social span {
    font-size: .75rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-popup__social span {
    font-size: .8125rem;
    line-height: 1.125rem;
  }
}

.map-popup__cta {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

html[dir=rtl] .map-popup__cta {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media (min-width: 750px) {
  html[dir=rtl] .map-popup__cta {
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-popup__cta {
    font-size: .9375rem;
    line-height: 1.375rem;
  }
}

.map-popup__close {
  pointer-events: none;
}

.map-popup__close,
.leaflet-popup-close-button {
  top: .9375rem;
  right: .9375rem;
  width: .875rem;
  height: .875rem;
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-popup__close,
  html[dir=rtl] .leaflet-popup-close-button {
    right: auto;
    left: .9375rem;
  }
}

.map-popup__close .icon-close,
.leaflet-popup-close-button .icon-close {
  width: 100%;
  height: 100%;
  opacity: .4;
}

@media (min-width: 1200px) {
  html[dir=rtl] .offices-map-interactive .leaflet-popup-close-button {
    left: auto;
    right: .9375rem;
  }
}

.leaflet-control-zoom a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 0;
  text-decoration: none;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control .leaflet-control-zoom-in.leaflet-disabled,
.leaflet-control-zoom.leaflet-bar.leaflet-control .leaflet-control-zoom-out.leaflet-disabled {
  background-color: #d6d6d6;
}

.msf-marker {
  width: .5rem;
  height: .75rem;
  margin-left: -0.5rem !important;
  margin-top: -0.75rem;
  cursor: pointer;
}

.msf-marker-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.msf-marker svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: .9375rem;
  height: 1.375rem;
  -webkit-transform: translate(-50%, -6px) scale3d(1, 1, 1);
  transform: translate(-50%, -6px) scale3d(1, 1, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

.msf-marker:hover svg {
  -webkit-transform: translate(-50%, -6px) scale3d(1.7, 1.7, 1.7);
  transform: translate(-50%, -6px) scale3d(1.7, 1.7, 1.7);
}

.msf-marker-operational,
.msf-marker-green {
  fill: #3f8782;
}

.msf-marker-partner,
.msf-marker-blue {
  fill: #172b52;
}

.msf-marker-branch,
.msf-marker-red {
  fill: #ee0400;
}

.msf-marker-yellow {
  fill: #f8b30e;
}

.msf-marker-cluster {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  font-family: "GT America Compressed Bold", sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.28;
  color: #373737;
  background-color: #fff;
  border: solid 3px rgba(0, 0, 0, .35);
}

.offices-map-legend {
  bottom: 4rem;
  left: 2.0625rem;
  display: none;
}

.map-component .offices-map-legend {
  left: 7.5rem;
}

.is-open + .offices-map-legend {
  display: block;
}

html[dir=rtl] .is-open + .offices-map-legend {
  display: none;
}

@media (min-width: 750px) {
  html[dir=rtl] .is-open + .offices-map-legend {
    display: block;
  }
}

@media (max-width: 749px) {
  .offices-map-legend {
    display: none;
  }
}

.offices-map-legend .msf-marker-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8125rem;
  line-height: 1.5625rem;
}

html[dir=rtl] .offices-map-legend .msf-marker-container {
  font-family: "Tajawal Medium", helvetica;
  font-size: .9375rem;
  line-height: 1.5625rem;
  letter-spacing: 0;
  font-style: normal;
}

@media (min-width: 1200px) {
  html[dir=rtl] .offices-map-legend .msf-marker-container {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

.offices-map-legend .icon {
  width: .75rem;
  height: .75rem;
  margin-right: .875rem;
}

.offices-map-office {
  cursor: pointer;
}

.offices-map-office:hover .offices-map-tooltip {
  opacity: 1;
}

.offices-map-tooltip {
  opacity: 0;
  bottom: 100%;
  left: 1.5625rem;
  width: 31.25rem;
  pointer-events: none;
  -webkit-transition: opacity .2s cubic-bezier(.455, .03, .515, .955);
  transition: opacity .2s cubic-bezier(.455, .03, .515, .955);
}

@media (max-width: 1199px) {
  .offices-map-tooltip {
    display: none;
  }
}

.offices-map-tooltip__wrapper {
  display: inline-block;
  padding: .25rem .9375rem;
  background-color: #fff;
  border-radius: .1875rem;
  -webkit-box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .1);
  box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .1);
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .6875rem;
  line-height: 1.375rem;
  letter-spacing: .13125rem;
  font-style: normal;
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 749px) {
  .offices-map-legend {
    display: none !important;
  }
}

@media (min-width: 750px) {
  html[dir=rtl] .offices-map-legend .icon {
    height: .75rem;
    width: .75rem;
    margin-right: 0;
    margin-left: .875rem;
  }
}

/**
 * --------------------------------------------------------------------------------------------
 * MAP LIST
 *
 * 2 Variations:
 * - Flat
 * - Drilldown
 * --------------------------------------------------------------------------------------------
 */

/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.map-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /**
   * --------------------------------------------------------------------------------------------
   * FLAT LIST VARIATION
   * --------------------------------------------------------------------------------------------
   */
}

.map-list[data-maplist-type=flat] {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 1200px) {
  .map-list[data-maplist-type=flat] {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }
}

.map-list[data-maplist-type=flat] .map-tab-page__content {
  overflow: hidden;
}

.map-list[data-maplist-type=flat] .map-tab-page .animatable .map-list__content {
  -webkit-transition: -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
  transition: transform .5s cubic-bezier(.25, .46, .45, .94);
  transition: transform .5s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
}

.map-list[data-maplist-type=flat] .map-list__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (min-width: 750px) {
  .map-list[data-maplist-type=flat] .map-list__content {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}

.map-list[data-maplist-type=flat] .map-list__segment {
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-height: 23.5625rem;
  position: relative;
  -webkit-transition: opacity 500ms cubic-bezier(.455, .03, .515, .955);
  transition: opacity 500ms cubic-bezier(.455, .03, .515, .955);
}

.map-list[data-maplist-type=flat] .map-list__segment.is-inactive {
  pointer-events: none;
  opacity: .37;
}

@media (min-width: 750px) {
  .map-list[data-maplist-type=flat] .map-list__segment {
    max-height: none;
  }
}

.map-list[data-maplist-type=flat] .map-list__segment .fallback-swipe {
  display: block;
  visibility: hidden;
}

.map-list[data-maplist-type=flat] .map-list__section + .map-list__section {
  margin-top: 1.875rem;
}

@media (min-width: 750px) {
  .map-list[data-maplist-type=flat] .map-list__section + .map-list__section {
    margin-top: 2.5rem;
  }
}

@media (min-width: 750px) {
  .map-list[data-maplist-type=flat] .map-list__section-heading {
    padding-top: 0;
  }
}

.map-list[data-maplist-type=flat] .map-list__section-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding-top: 0;
  padding-left: 10%;
  padding-right: 10%;
}

@media (min-width: 750px) {
  .map-list[data-maplist-type=flat] .map-list__section-list {
    padding-left: 0;
    padding-right: 0;
  }
}

.map-list[data-maplist-type=flat] .map-list__section-item {
  margin-top: 1.25rem;
}

@media (max-width: 749px) {
  .map-list[data-maplist-type=flat] .map-list__section-item {
    width: 43.75%;
  }

  .map-list[data-maplist-type=flat] .map-list__section-item:nth-child(even) {
    margin-left: 12.5%;
  }

  html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-item:nth-child(even) {
    margin-left: 0;
    margin-right: 12.5%;
  }
}

@media (min-width: 750px) and (max-width: 1199px) {
  .map-list[data-maplist-type=flat] .map-list__section-item {
    width: 19.4444444444%;
  }

  .map-list[data-maplist-type=flat] .map-list__section-item:not(:nth-child(4n+1)) {
    margin-left: 3.125rem;
  }
}

@media (min-width: 1200px) {
  .map-list[data-maplist-type=flat] .map-list__section-item {
    width: calc(11.1111111111% + .625rem);
    margin-right: 5.5555555556%;
  }

  html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-item {
    margin-right: 0;
    width: 12.2549019606%;
    margin-left: 4.4117647059%;
  }

  .map-list[data-maplist-type=flat] .map-list__section-item:nth-child(6n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-item:nth-child(6n) {
    margin-left: 0;
  }
}

.map-list[data-maplist-type=flat] .map-list__section-link:link,
.map-list[data-maplist-type=flat] .map-list__section-link:active,
.map-list[data-maplist-type=flat] .map-list__section-link:visited {
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .625rem;
  line-height: .9375rem;
  letter-spacing: .125rem;
  color: #8e8e8e;
  text-transform: uppercase;
  text-decoration: none;
}

html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-link:link,
html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-link:active,
html[dir=rtl] .map-list[data-maplist-type=flat] .map-list__section-link:visited {
  font-family: "Tajawal Medium", helvetica;
  font-size: .8125rem;
  line-height: 1.375rem;
  letter-spacing: 0;
}

.map-list[data-maplist-type=flat] .carousel__dots {
  z-index: 1;
  display: none;
}

@media (min-width: 1200px) {
  .map-list[data-maplist-type=flat] .carousel__dots {
    display: none;
  }
}

.map-list[data-maplist-type=flat].has-carousel .carousel__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 0;
  height: 1rem;
  margin-top: .625rem;
}

html[dir=rtl] .map-list[data-maplist-type=flat].has-carousel .carousel__dots {
  margin-top: 1.25rem;
}

/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.map-tab-page {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 350ms cubic-bezier(.455, .03, .515, .955);
  transition: opacity 350ms cubic-bezier(.455, .03, .515, .955);
}

@media (min-width: 750px) {
  .map-tab-page {
    padding-bottom: .1875rem;
  }
}

.map-tab-page.in-countries {
  display: none;
}

.map-tab-page.in-countries ~ .map-tab-page[role=countries] {
  display: block;
}

.map-tab-page.is-visible {
  opacity: 0;
}

.map-tab-page.is-visible ~ .map-tab-page[role=countries] {
  opacity: 1;
}

.map-tab-page.animatable .map-tab-list--carousel {
  -webkit-transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955), -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
}

.map-tab-page h2 {
  font-family: "GT America Compressed Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 2.25rem;
  padding: 0 10%;
}

@media (min-width: 750px) {
  .map-tab-page h2 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .map-tab-page h2 {
    font-size: 2.25rem;
  }
}

.map-tab-page h3 {
  font-family: "GT America Compressed Bold", sans-serif;
  font-size: 1.25rem;
  text-transform: capitalize;
  line-height: 2.25rem;
  padding: 0 10%;
}

@media (min-width: 750px) {
  .map-tab-page h3 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .map-tab-page h3 {
    font-size: 1.625rem;
  }
}

.map-tab-page .map-tab-list {
  list-style-type: none;
}

@media (min-width: 750px) {
  .map-tab-page .map-tab-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.map-tab-page .map-tab-list__item.is-disabled {
  pointer-events: none;
  opacity: .8;
}

.map-tab-page .map-list-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.map-tab-page .map-list-group img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.map-tab-page .map-tab-dots {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.map-tab-page .map-tab-dots.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
  margin-top: 3.125rem;
}

@media (min-width: 750px) {
  .map-tab-page .map-tab-dots.is-visible {
    margin-top: 1.875rem;
  }
}

.map-tab-page .map-tab-dots a {
  display: block;
  width: .625rem;
  height: .625rem;
  background-color: #d1d1d1;
  border-radius: .625rem;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-property: background, -webkit-transform;
  transition-property: background, -webkit-transform;
  transition-property: background, transform;
  transition-property: background, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  will-change: background, transform;
  text-indent: -999px;
}

.map-tab-page .map-tab-dots a:not(:first-child) {
  margin-left: 1.25rem;
}

html[dir=rtl] .map-tab-page .map-tab-dots a:not(:first-child) {
  margin-left: 0;
  margin-right: 1.25rem;
}

.map-tab-page .map-tab-dots a > * {
  display: none;
}

.map-tab-page .map-tab-dots a.is-active {
  background-color: #e00;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
}

.map-tab-page[role=regions] .map-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: .625rem;
}

@media (min-width: 750px) {
  .map-tab-page[role=regions] .map-tab-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .3125rem;
  }
}

@media (min-width: 1200px) {
  .map-tab-page[role=regions] .map-tab-list {
    margin-top: 1.6875rem;
  }
}

.map-tab-page[role=regions] .map-tab-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: .625rem;
  background-color: #373737;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}

@media (min-width: 750px) {
  .map-tab-page[role=regions] .map-tab-list__item {
    width: 47.2222222222%;
    margin-top: 1.875rem;
    margin-right: 5.5555555556%;
  }

  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item {
    margin-left: 5.5555555556%;
    margin-right: 0;
  }
}

@media (min-width: 750px) and (max-width: 1199px) {
  .map-tab-page[role=regions] .map-tab-list__item:nth-child(2n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item:nth-child(2n) {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .map-tab-page[role=regions] .map-tab-list__item {
    --item-width: math.div(100% - 6.25rem, 3);
    width: calc(var(--item-width));
    margin-right: 3.125rem;
  }

  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item {
    margin-left: 3.125rem;
    margin-right: 0;
  }

  .map-tab-page[role=regions] .map-tab-list__item:nth-child(3n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item:nth-child(3n) {
    margin-left: 0;
  }
}

.map-tab-page[role=regions] .map-tab-list__item:hover {
  background-color: #202020;
}

.map-tab-page[role=regions] .map-tab-list__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1.3125rem 10% 1.25rem;
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .75rem;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.375rem;
  letter-spacing: .14375rem;
  color: #fff;
}

@media (min-width: 750px) {
  .map-tab-page[role=regions] .map-tab-list__item a {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item a {
  font-family: "Tajawal ExtraBold", helvetica;
  font-size: .9375rem;
  line-height: 1.375rem;
  letter-spacing: 0;
}

@media (min-width: 750px) {
  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item a {
    font-size: .9375rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item a {
    font-size: .9375rem;
    line-height: 1.375rem;
  }
}

.map-tab-page[role=regions] .map-tab-list__item a::after {
  content: "";
  display: block;
  position: relative;
  margin-left: .9375rem;
  width: 3.25rem;
  height: .0625rem;
  background-color: #e00;
}

html[dir=rtl] .map-tab-page[role=regions] .map-tab-list__item a::after {
  margin-left: 0;
  margin-right: .9375rem;
}

.map-tab-page[role=countries] {
  opacity: 0;
  display: none;
}

html[dir=rtl] .map-tab-page[role=countries] .container {
  padding-left: 0;
  padding-right: 0;
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
}

.map-tab-page[role=countries] h2 {
  padding: 0;
}

.map-tab-page[role=countries] .back-to-region {
  margin-bottom: .5625rem;
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .625rem;
  letter-spacing: .14375rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}

html[dir=rtl] .map-tab-page[role=countries] .back-to-region {
  font-family: "Tajawal ExtraBold", helvetica;
  font-size: .9375rem;
  line-height: normal;
  letter-spacing: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 750px) {
  html[dir=rtl] .map-tab-page[role=countries] .back-to-region {
    font-size: .9375rem;
  }
}

.map-tab-page[role=countries] .back-to-region .icon-caret--left {
  width: .5rem;
  height: .25rem;
  fill: #e00;
  margin-right: .8125rem;
}

html[dir=rtl] .map-tab-page[role=countries] .back-to-region .icon-caret--left {
  margin-left: 0;
  margin-right: .8125rem;
}

.map-tab-page[role=countries] .map-tab-list,
.map-tab-page[role=countries] .map-list-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}

@media (min-width: 1200px) {
  .map-tab-page[role=countries] .map-tab-list,
  .map-tab-page[role=countries] .map-list-group {
    margin-top: 1.25rem;
  }
}

html[dir=rtl] .map-tab-page[role=countries] .map-tab-list,
html[dir=rtl] .map-tab-page[role=countries] .map-list-group {
  padding-right: 0;
}

.map-tab-page[role=countries] .map-tab-list--carousel,
.map-tab-page[role=countries] .map-list-group--carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  will-change: transform;
}

.map-tab-page[role=countries] .map-tab-list__item,
.map-tab-page[role=countries] .map-list-group__item {
  width: 43.75%;
  margin-top: 1.25rem;
  margin-right: 12.5%;
}

html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item,
html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item {
  margin-right: 0;
  margin-left: 12.5%;
}

@media (max-width: 749px) {
  .map-tab-page[role=countries] .map-tab-list__item:nth-child(2n),
  .map-tab-page[role=countries] .map-list-group__item:nth-child(2n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item:nth-child(2n),
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item:nth-child(2n) {
    margin-left: 0;
  }
}

@media (min-width: 750px) {
  .map-tab-page[role=countries] .map-tab-list__item,
  .map-tab-page[role=countries] .map-list-group__item {
    width: 19.4444444444%;
    margin-right: 3.125rem;
  }

  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item,
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item {
    margin-right: 0;
    width: 19.1176470588%;
    margin-left: 4.4117647059%;
  }
}

@media (min-width: 750px) and (max-width: 1199px) {
  .map-tab-page[role=countries] .map-tab-list__item:nth-child(4n),
  .map-tab-page[role=countries] .map-list-group__item:nth-child(4n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item:nth-child(4n),
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item:nth-child(4n) {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .map-tab-page[role=countries] .map-tab-list__item,
  .map-tab-page[role=countries] .map-list-group__item {
    width: calc(11.1111111111% + .625rem);
    margin-right: 5.5555555556%;
  }

  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item,
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item {
    margin-right: 0;
    width: 12.2549019606%;
    margin-left: 4.4117647059%;
  }

  .map-tab-page[role=countries] .map-tab-list__item:nth-child(6n),
  .map-tab-page[role=countries] .map-list-group__item:nth-child(6n) {
    margin-right: 0;
  }

  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item:nth-child(6n),
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item:nth-child(6n) {
    margin-left: 0;
  }
}

.map-tab-page[role=countries] .map-tab-list__item a,
.map-tab-page[role=countries] .map-list-group__item a {
  text-transform: uppercase;
  font-family: "GT America Condensed Medium", sans-serif;
  font-size: .625rem;
  line-height: .9375rem;
  letter-spacing: .125rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #8e8e8e;
}

html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item a,
html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item a {
  font-family: "Tajawal Medium", helvetica;
  font-size: .8125rem;
  line-height: 1.375rem;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  html[dir=rtl] .map-tab-page[role=countries] .map-tab-list__item a,
  html[dir=rtl] .map-tab-page[role=countries] .map-list-group__item a {
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

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