body {
  margin: 0px; }

.container {
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden; }

.container .inner {
  width: 100%;
  position: relative;
  margin: auto;
  max-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.logo-top {
  display: inline;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }
  .logo-top img {
    display: block;
    width: 9vw;
    max-width: 9vw; }

.logo-bottom {
  display: inline;
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: none; }
  .logo-bottom img {
    display: block;
    width: 9vw;
    max-width: 9vw; }

.globe {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -webkit-clip-path: circle(45.8% at 54.1% 50%);
  clip-path: circle(45.8% at 54.1% 50%);
  overflow: hidden; }

.globe-overlay {
  position: relative;
  z-index: 5; }

.globe-underlay {
  position: relative; }
  .globe-underlay img {
    width: 68vw;
    right: 0px;
    float: right;
    display: block;
    margin-top: 5%;
    margin-bottom: 5%; }
  .globe-underlay img.overlay {
    position: absolute;
    width: 59vw;
    right: 6%; }

.tab-01:active, .tab-02:active, .tab-03:active, .tab-04:active {
  transform: translateY(4px); }

.tabs {
  top: 30%;
  position: absolute;
  z-index: 99999; }
  .tabs span.tab-title {
    color: white;
    display: block;
    margin-left: 35%;
    position: absolute; }
  .tabs .tab-01 {
    width: 48%;
    cursor: pointer; }
    .tabs .tab-01 img {
      width: 31vw;
      display: block;
      cursor: pointer;
      pointer-events: none; }
  .tabs .tab-02 {
    width: 48%;
    cursor: pointer; }
    .tabs .tab-02 img {
      width: 42vw;
      display: block;
      margin-top: 4%;
      margin-bottom: -12%;
      cursor: pointer;
      pointer-events: none; }
  .tabs .tab-03 {
    width: 48%;
    cursor: pointer; }
    .tabs .tab-03 img {
      width: 48vw;
      display: block;
      margin-top: -2%;
      cursor: pointer;
      pointer-events: none; }
  .tabs .tab-04 {
    width: 48%;
    cursor: pointer; }
    .tabs .tab-04 img {
      width: 39vw;
      display: block;
      margin-top: -4.6%;
      cursor: pointer;
      pointer-events: none; }

.twenty {
  width: 20%;
  float: right; }

.eighty {
  width: 74%;
  float: right; }

.hide-this {
  opacity: 0; }

.hundred {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0px; }

.stat-01 {
  position: absolute;
  left: 23vw;
  top: 9%; }
  .stat-01 img {
    width: 68vw; }

.stat-02 {
  position: absolute;
  top: 11%;
  left: 15.25vw; }
  .stat-02 img {
    width: 68vw; }

.stat-03 {
  position: absolute;
  top: -5%;
  left: 15.9vw; }
  .stat-03 img {
    width: 68vw; }

.stat-04 {
  position: absolute;
  left: 12vw;
  top: -6.5%; }
  .stat-04 img {
    width: 68vw; }

img.closed.hidden {
  display: none;
  width: 14vw;
  cursor: pointer;
  transition: ease all 0.3s; }
  img.closed.hidden:active {
    transform: translateY(6px);
    transition: 0.1s; }

.middle-layer {
  width: auto;
  height: 100%;
  position: absolute;
  z-index: 21474836471; }
  .middle-layer .middle-01 {
    position: absolute;
    left: 53.5vw;
    top: 41%;
    z-index: 21474836471; }
    .middle-layer .middle-01 img.button {
      width: 14VW;
      display: block;
      cursor: pointer;
      transition: ease all 0.3s; }
    .middle-layer .middle-01 img.button.rotate-this {
      transform: rotate(180deg); }
    .middle-layer .middle-01 img.words-after {
      display: none;
      width: 18vw;
      margin-top: -9vw;
      margin-left: 12vw;
      position: absolute; }
    .middle-layer .middle-01 img.words-before {
      display: block;
      width: 22VW;
      margin-top: -12vw;
      margin-left: 15.25vw;
      position: absolute; }

img.hover {
  display: none !important; }

.slides-01, .slides-02, .slides-03, .slides-04 {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-clip-path: circle(38.2% at 60% 50%);
  clip-path: circle(38.2% at 60% 50%);
  overflow: hidden; }

.slides-layer {
  z-index: 9999; }

.pane-01 {
  top: 0px;
  position: absolute;
  transition: ease all 0.3s;
  left: 36%;
  margin-top: 8%; }
  .pane-01 img.slide-01 {
    width: 47vw;
    display: block; }

.pane-02 {
  transition: ease all 0.3s;
  position: absolute;
  top: 10000px;
  left: 37.5%;
  margin-top: 14%; }
  .pane-02 img.slide-02 {
    width: 47vw;
    display: block; }

img.close-button {
  position: absolute;
  left: 71%;
  width: 11vw;
  cursor: pointer;
  display: block;
  top: 42%; }

img.next {
  position: absolute;
  bottom: -21%;
  left: 38%;
  cursor: pointer;
  width: 12vw; }

img.prev {
  position: absolute;
  top: -10%;
  left: 35%;
  cursor: pointer;
  width: 12vw; }

.element-01 {
  width: 9vw;
  height: 8vh;
  background: transparent;
  position: absolute;
  right: 21%;
  bottom: 11%;
  z-index: 999;
  transform: rotate(-28deg);
  border-radius: 50px;
  cursor: pointer; }

.element-02 {
  width: 9vw;
  height: 7vh;
  position: absolute;
  right: 32%;
  top: 15%;
  background: transparent;
  z-index: 999;
  transform: rotate(6deg);
  border-radius: 50px;
  cursor: pointer; }

.element-03 {
  width: 9vw;
  height: 8vh;
  background: transparent;
  position: absolute;
  right: 47%;
  top: 63.3%;
  z-index: 999;
  transform: rotate(-135deg);
  border-radius: 50px;
  cursor: pointer; }

.element-04 {
  width: 10vw;
  height: 8vh;
  background: transparent;
  position: absolute;
  right: 43.5%;
  top: 39.7%;
  z-index: 999;
  transform: rotate(-61deg);
  border-radius: 50px;
  cursor: pointer; }

.stat-layer-2 .stat-01 img, .stat-layer-2 .stat-02 img, .stat-layer-2 .stat-03 img, .stat-layer-2 .stat-04 img {
  opacity: 0; }

.stat-layer-2 {
  transform: none !important; }

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