.map {
  width: 100%;
  height: 500px;
  margin-bottom: 3rem; }
  .map .pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #302D42;
    position: absolute;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    -webkit-animation-name: bounce-a;
            animation-name: bounce-a;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    cursor: pointer; }
    .map .pin:after {
      width: 14px;
      height: 14px;
      position: absolute;
      border-radius: 50%;
      content: "";
      margin: 8px 0 0 8px;
      background: #dedede; }
  .map .mapboxgl-control-container .mapboxgl-ctrl-attrib-inner .mapbox-improve-map {
    display: none; }
  .map .mapboxgl-popup {
    padding-bottom: 50px; }
    .map .mapboxgl-popup .mapboxgl-popup-content {
      padding: 0;
      width: 180px; }
      .map .mapboxgl-popup .mapboxgl-popup-content h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600 !important;
        background: #302D42;
        color: #fff;
        margin: 0;
        display: block;
        padding: 10px;
        border-radius: 3px 3px 0 0;
        font-weight: 700;
        margin-top: -15px; }
      .map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
        color: #fff; }
      .map .mapboxgl-popup .mapboxgl-popup-content .inner {
        padding: 1rem 0.75rem; }
        .map .mapboxgl-popup .mapboxgl-popup-content .inner P {
          line-height: 1.2;
          margin-bottom: 0.5rem; }
    .map .mapboxgl-popup.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
      border-bottom-color: #302D42; }
    .map .mapboxgl-popup.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
      margin-top: 15px; }

.office-locations .continent {
  margin-bottom: 2rem; }
  .office-locations .continent .continent-title {
    background-color: #302D42;
    padding: 1rem 1.25rem !important;
    position: relative;
    cursor: pointer; }
    .office-locations .continent .continent-title h3 {
      color: #fff;
      font-weight: 500;
      line-height: 1.2;
      margin-bottom: 0; }
      .office-locations .continent .continent-title h3:after {
        color: #fff;
        position: absolute;
        right: 2rem;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        vertical-align: middle;
        /*content: "\f068";*/
		content: "+";
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
    .office-locations .continent .continent-title.collapsed h3:after {
     /* content: "\f067";*/
	  content: "-";
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .office-locations .continent .continent-body {
    padding: 1rem 1.25rem !important; }
    .office-locations .continent .continent-body .office {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      .office-locations .continent .continent-body .office p {
        color: #595959; }
        .office-locations .continent .continent-body .office p a {
          color: #595959;
          text-decoration: underline; }
      .office-locations .continent .continent-body .office .office-country a h4 {
        position: relative;
        display: inline-block; }
        .office-locations .continent .continent-body .office .office-country a h4 i {
          font-size: 0.75rem;
          vertical-align: top; }
        .office-locations .continent .continent-body .office .office-country a h4:after {
          content: url(../img/ct-button-arrow-right.html);
          height: 20px;
          width: 10px;
          display: inline-block;
          position: absolute;
          right: -1.125rem;
          transition: .2s right ease-in-out;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          fill: #525061;
          -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(3%) saturate(4212%) hue-rotate(208deg) brightness(87%) contrast(97%);
                  filter: brightness(0) saturate(100%) invert(20%) sepia(3%) saturate(4212%) hue-rotate(208deg) brightness(87%) contrast(97%); }
				  
	
      .office-locations .continent .continent-body .office .office-country a:hover {
        text-decoration: none; }
        .office-locations .continent .continent-body .office .office-country a:hover h4:after {
          right: -1.325rem; }
      @media (min-width: 768px) {
        .office-locations .continent .continent-body .office .office-country {
          min-height: 72px; } 
	
		  }