/* Custom boostrap scss overrides can go here! */
.opacity-0 {
  opacity: 0; }

.opacity-1 {
  opacity: 1; }

.no-gutters-row {
  margin-right: 0;
  margin-left: 0; }

.align-center {
  display: block;
  margin: 0 auto; }

.h-200vh {
  height: 200vh; }

.bg-ctBlue {
  background-color: #00a2ea; }

.text-ctBlue,
.text-ctBlue * {
  color: #00a2ea; }

.border-ctBlue {
  border-color: #00a2ea; }

.bg-ctDarkPurple {
  background-color: #9D00FF; }

.text-ctDarkPurple,
.text-ctDarkPurple * {
  color: #9D00FF; }

.border-ctDarkPurple {
  border-color: #9D00FF; }

.bg-ctLightPurple {
  background-color: #7E69FF; }

.text-ctLightPurple,
.text-ctLightPurple * {
  color: #7E69FF; }

.border-ctLightPurple {
  border-color: #7E69FF; }

.bg-ctOrange {
  background-color: #ff5e01; }

.text-ctOrange,
.text-ctOrange * {
  color: #ff5e01; }

.border-ctOrange {
  border-color: #ff5e01; }

.bg-ctGreen {
  background-color: #00d190; }

.text-ctGreen,
.text-ctGreen * {
  color: #00d190; }

.border-ctGreen {
  border-color: #00d190; }

.bg-ctLuminousGreen {
  background-color: #CAC300; }

.text-ctLuminousGreen,
.text-ctLuminousGreen * {
  color: #CAC300; }

.border-ctLuminousGreen {
  border-color: #CAC300; }

.bg-ctDarkBlue {
  background-color: #302D42; }

.text-ctDarkBlue,
.text-ctDarkBlue * {
  color: #302D42; }

.border-ctDarkBlue {
  border-color: #302D42; }

.bg-ctMedBlue {
  background-color: #525061; }

.text-ctMedBlue,
.text-ctMedBlue * {
  color: #525061; }

.border-ctMedBlue {
  border-color: #525061; }

.bg-ctLightBlue {
  background-color: #a3a2aa; }

.text-ctLightBlue,
.text-ctLightBlue * {
  color: #a3a2aa; }

.border-ctLightBlue {
  border-color: #a3a2aa; }

.bg-ctLightGrey {
  background-color: #595959; }

.text-ctLightGrey,
.text-ctLightGrey * {
  color: #595959; }

.border-ctLightGrey {
  border-color: #595959; }

.bg-ctGrey {
  background-color: #495057; }

.text-ctGrey,
.text-ctGrey * {
  color: #495057; }

.border-ctGrey {
  border-color: #495057; }

.bg-ctVeryLightGrey {
  background-color: #ebecec; }

.text-ctVeryLightGrey,
.text-ctVeryLightGrey * {
  color: #ebecec; }

.border-ctVeryLightGrey {
  border-color: #ebecec; }

.bg-ctLightGreen {
  background-color: #809086; }

.text-ctLightGreen,
.text-ctLightGreen * {
  color: #809086; }

.border-ctLightGreen {
  border-color: #809086; }

.bg-cegaRed {
  background-color: #C00000; }

.text-cegaRed,
.text-cegaRed * {
  color: #C00000; }

.border-cegaRed {
  border-color: #C00000; }

.bg-ctOffWhite {
  background-color: #D9D9D9; }

.text-ctOffWhite,
.text-ctOffWhite * {
  color: #D9D9D9; }

.border-ctOffWhite {
  border-color: #D9D9D9; }

.bg-white {
  background-color: #fff; }

.text-white,
.text-white * {
  color: #fff; }

.border-white {
  border-color: #fff; }

.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: 600;
      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";
        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";
      -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.svg);
          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: 816px) {
        .office-locations .continent .continent-body .office .office-country {
          min-height: 72px; } }