:root {
    --wcolor-primary: #07447A;
    --wcolor-d-primary: #032E57;
    --wcolor-dr-primary: #7a7a7a;
    --wcolor-secondary: #2196F3;
    --wcolor-d-secondary: #2196F3;
    --wcolor-tertiary: #0B8A9A;
    --wcolor-l-tertiary: #62959A;
    --wcolor-quaternary: #BBC062;
    --wcolor-dark: #1D1D1D;
    --wcolor-l-dark: #2E2E2E;
    --wcolor-d-dark: #000;
    --wcolor-darker: #707070;
    --wcolor-d-darker: #3E3E3E;
    --wcolor-l-darker: #5F5F5F;
    --wcolor-light: #FFFFFF;
    --wcolor-lighter: #F4F4F4;
    --wcolor-bg-primary-nav: #002E57;
    --wcolor-border: #D8D8D8;
	--wcolor-bg-input: #7a7a7a;
    --wcolor-bg-badge: #7a7a7a;
    --wcolor-bg-primary-nav: #002E57;
}


body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
}

#globekit-container {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#globekit-canvas {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#callout-manager {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}



/*
*
*
*
*
Globe Block */

.globe-intro {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}


@media (min-width: 992px) {


  .globe-intro {
    margin-right: 10rem;
  }
}

 h3 {
  font-size: 3rem;
  margin-bottom: 2rem;
}

 .btn {
  margin-top: 1rem;
}

 .globe {
  position: relative;
}

 .main-card {
  position: relative;
  background-color: #f1f1f1;
  color: #000;
  width: 11rem;
  z-index: 10 !important;
  font-size: 0.6rem;
}

 .main-card:before {
  content: "";
  position: absolute;
  top: 49%;
  right: -1.3rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 1.8rem solid transparent;
  border-bottom: 1.8rem solid transparent;
  border-left: 2rem solid #f1f1f1;
}

 .main-card .main-card__content:not(:last-child) {
  padding: 0.4rem;
}

 .main-card .main-card__content:first-child {
  border-bottom: solid 1px var(--wcolor-border);
}

 .globe-card__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

 .globe-card__header img {
  margin-right: 0.2rem;
  width: 2rem;
  border: 0.1rem solid #E6E6E6;
}

 .main-card h6,
 .main-card p,
 .main-card .list--badge li,
 .main-card .globe-card__btn {
  text-transform: uppercase;
  font-weight: 600;
}

 .main-card h6 {
  font-size: 0.9rem;
  margin-bottom: 0;
  margin-top: -17px;
}

 .main-card p {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

 .list--badge {
  /*    margin-top: .7rem;*/
  margin-bottom: 0;
}


 .list--badge li a {
  color: #dedede;
  transition: color .15s ease-in-out;
}

 .list--badge li a {
  margin: -.4rem -.8rem;
  padding: .4rem .8rem;
}

@media only screen and (min-width: 992px) {

   .list--badge li:hover,
   .list--badge li:hover a {
    color: var(--wcolor-bg-primary-nav);
  }
}

 .globe-card__btn {
  display: block;
  background-color: var(--wcolor-dr-primary);
  color: #f1f1f1;
  text-align: center;
  font-size: 0.7rem;
  padding: 0.9rem;
  transition: background-color .15s ease-in-out;
}

@media only screen and (min-width: 992px) {
   .globe-card__btn:hover {
    background-color: var(--wcolor-secondary);
  }
}


li {
	list-style-type:none;
}


/* End List Search */

/*
*
*
*
*
List Badge */
.list--badge {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list--badge li {
    padding: .2rem .4rem;
    margin-bottom: .1rem;
    background-color: var(--wcolor-bg-badge);
    font-size: .7rem;
}

.list--badge li:not(:last-child) {
    margin-right: .3rem;
}

/* End List Badge */

.list--accordion,
.list--share,
.list--number,
.list--border,
.list--social,
.list--social-horizontal,
.list--search,
.list--badge,
.list--option,
.list--location,
.list--inline-border {
    list-style: none;
}