/**
 * Theme Name: Darwin Elementor 2022
 * Description: Adjustments of the Hello Elementor theme
 * Theme URI: https://github.com/elementor/hello-theme
 *
 * Template: hello-elementor
 * Version: 1.1.0
 * Text Domain: darwin-ag
 * Domain Path: /languages
 */

 /* Widget our companies */
.our_companies {
  margin-bottom: 40px;
}

.our_companies .container {
  display: block;
  width: 100%;
  max-width: 1120px;
  padding-top: 63.48%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.our_companies .company_main_logo {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 36%;
  transform: translateY(-50%);
}

.our_companies .company_main_logo img {
  width: 100%;
}

.our_companies .items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.our_companies .company_item {
  position: absolute;
  width: 8%;
  height: auto;
  padding-top: calc(8% - 4px);
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 20px 10px #eee;
  cursor: pointer;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out;
}

.our_companies .company_item:hover,
.our_companies .company_item:focus {
  width: 10%;
  padding-top: calc(10% - 4px);
  z-index: 1;
}

.our_companies .company_item:nth-child(1) {
  top: 50%;
  right: 6%;
}

.our_companies .company_item:nth-child(2) {
  right: 16%;
  top: 74%;
}

.our_companies .company_item:nth-child(3) {
  right: 35%;
  top: 86%;
}

.our_companies .company_item:nth-child(4) {
  left: 35%;
  top: 86%;
}

.our_companies .company_item:nth-child(5) {
  left: 16%;
  top: 74%;
}

.our_companies .company_item:nth-child(6) {
  top: 50%;
  left: 6%;
}

.our_companies .company_item:nth-child(7) {
  left: 16%;
  top: 24%;
}

.our_companies .company_item:nth-child(8) {
  left: 35%;
  top: 14%;
}

.our_companies .company_item:nth-child(9) {
  right: 35%;
  top: 14%;
}

.our_companies .company_item:nth-child(10) {
  right: 16%;
  top: 24%;
}

.our_companies .company_item.blue {
  border: 2px solid #2e6eb7;
}

.our_companies .company_item.green {
  border: 2px solid #57bf77;
}

.our_companies .company_item .line {
  position: absolute;
  height: 2px;
  width: 100px;
  background-color: #cccccc;
  transition: all 0.3s ease-in-out;
}

.our_companies .company_item:nth-child(1) .line {
  top: 50%;
  right: 130%;
  width: 250%;
}

.our_companies .company_item:nth-child(2) .line {
  right: 130%;
  top: 0;
  transform: rotate(26deg);
  transform-origin: 100% 100%;
  width: 150%;
}

.our_companies .company_item:nth-child(3) .line {
  right: 75%;
  top: -30%;
  transform: rotate(66deg);
  transform-origin: 100% 100%;
  width: 50%;
}

.our_companies .company_item:nth-child(4) .line {
  left: 75%;
  top: -30%;
  transform: rotate(-66deg);
  transform-origin: 0 0;
  width: 50%;
}

.our_companies .company_item:nth-child(5) .line {
  left: 130%;
  top: 0;
  transform: rotate(-26deg);
  transform-origin: 0 0;
  width: 150%;
}

.our_companies .company_item:nth-child(6) .line {
  top: 50%;
  left: 130%;
  width: 250%;
}

.our_companies .company_item:nth-child(7) .line {
  left: 130%;
  bottom: 0;
  transform: rotate(26deg);
  transform-origin: 0 0;
  width: 150%;
}

.our_companies .company_item:nth-child(8) .line {
  left: 75%;
  bottom: -30%;
  transform: rotate(66deg);
  transform-origin: 0 0;
  width: 50%;
}

.our_companies .company_item:nth-child(9) .line {
  right: 75%;
  bottom: -30%;
  transform: rotate(-66deg);
  transform-origin: 100% 100%;
  width: 50%;
}

.our_companies .company_item:nth-child(10) .line {
  right: 130%;
  bottom: 0;
  transform: rotate(-26deg);
  transform-origin: 100% 100%;
  width: 150%;
}

.our_companies .company_item:nth-child(1):hover .line,
.our_companies .company_item:nth-child(1):focus .line,
.our_companies .company_item:nth-child(6):hover .line,
.our_companies .company_item:nth-child(6):focus .line {
  width: 175%;
}

.our_companies .company_item:nth-child(2):hover .line,
.our_companies .company_item:nth-child(2):focus .line,
.our_companies .company_item:nth-child(5):hover .line,
.our_companies .company_item:nth-child(5):focus .line,
.our_companies .company_item:nth-child(7):hover .line,
.our_companies .company_item:nth-child(7):focus .line,
.our_companies .company_item:nth-child(10):hover .line,
.our_companies .company_item:nth-child(10):focus .line {
  width: 100%;
}

.our_companies .company_item:nth-child(3):hover .line,
.our_companies .company_item:nth-child(3):focus .line,
.our_companies .company_item:nth-child(4):hover .line,
.our_companies .company_item:nth-child(4):focus .line,
.our_companies .company_item:nth-child(8):hover .line,
.our_companies .company_item:nth-child(8):focus .line,
.our_companies .company_item:nth-child(9):hover .line,
.our_companies .company_item:nth-child(9):focus .line {
  width: 30%;
}

.our_companies .company_item img {
  position: absolute;
  width: 80%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.our_companies .company_item .tooltip {
  display: flex;
  flex-direction: column;
  padding: 15px 12px;
  background: #ffffff;
  box-shadow: 5px 5px 20px 10px #eee;
  color: #80808e;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  font-size: 12px;
  width: 190px;
  text-align: center;
  gap: 8px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0.1s ease-in-out;
}

.our_companies .company_item:hover .tooltip,
.our_companies .company_item:focus .tooltip {
  opacity: 1;
  visibility: visible;
}

.our_companies .company_item .tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  left: calc(50% - 8px);
  top: -16px;
}

.our_companies .company_item .tooltip .tooltiplabel {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

.our_companies .company_item .tooltip .tooltiptext {
}

@media all and (max-width: 992px) {
  .our_companies .company_item {
    padding-top: calc(8% - 2px);
    box-shadow: 0px 10px 5px #eee;
  }

  .our_companies .company_item:hover,
  .our_companies .company_item:focus {
    padding-top: calc(10% - 2px);
  }

  .our_companies .company_item.blue {
    border: 1px solid #2e6eb7;
  }

  .our_companies .company_item.green {
    border: 1px solid #57bf77;
  }

  .our_companies .company_item .line {
    height: 1px;
  }

  .our_companies .company_item:nth-child(1) .tooltip {
    left: inherit;
    right: -30%;
    transform: none;
  }

  .our_companies .company_item:nth-child(1) .tooltip:before {
    left: inherit;
    right: calc(7.5vw - 9px);
  }

  .our_companies .company_item:nth-child(6) .tooltip {
    left: -30%;
    transform: none;
  }

  .our_companies .company_item:nth-child(6) .tooltip:before {
    left: calc(7.5vw - 9px);
  }
}

/* Widget our presence */
.our_presence {
  margin-bottom: 40px;
}

.our_presence .container {
  display: block;
  width: 100%;
  max-width: 1120px;
  padding-top: 50.89%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.our_presence .map_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.our_presence .map_image img {
  width: 100%;
}

.our_presence .items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.our_presence .company_item {
  position: absolute;
  width: 1.78%;
  height: auto;
  padding-top: 1.78%;
  cursor: pointer;
  transform: translate(0, -50%);
  top: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.our_presence.ready .company_item:nth-child(1) {
  transition: all 0.3s 0.1s ease-in-out;
}

.our_presence.ready .company_item:nth-child(2) {
  transition: all 0.25s 0.2s ease-in-out;
}

.our_presence.ready .company_item:nth-child(3) {
  transition: all 0.2s 0.3s ease-in-out;
}

.our_presence.ready .company_item:nth-child(4) {
  transition: all 0.4s 0.4s ease-in-out;
}

.our_presence.ready .company_item:nth-child(5) {
  transition: all 0.35s 0.5s ease-in-out;
}

.our_presence.ready .company_item:nth-child(6) {
  transition: all 0.3s 0.6s ease-in-out;
}

.our_presence.ready .company_item:nth-child(7) {
  transition: all 0.25s 0.65s ease-in-out;
}

.our_presence.ready .company_item:nth-child(8) {
  transition: all 0.2s 0.7s ease-in-out;
}

.our_presence.ready .company_item:nth-child(9) {
  transition: all 0.15s 0.75s ease-in-out;
}

.our_presence.ready .company_item:nth-child(10) {
  transition: all 0.15s 0.5s ease-in-out;
}

.our_presence.ready .company_item {
  opacity: 1;
}

.our_presence .company_item:hover,
.our_presence .company_item:focus {
  z-index: 10!important;
}

.our_presence.ready .company_item.germany_bottom_right {
  top: 33.5%;
  left: 49%;
  z-index: 1;
}

.our_presence.ready .company_item.romania_center {
  top: 33%;
    left: 52%;
}

.our_presence.ready .company_item.austria_center {
  top: 34%;
    left: 50%;
    z-index: 1;
}

.our_presence.ready .company_item.austria_right {
  top: 34%;
    left: 51%;
    z-index: 1;
}

.our_presence.ready .company_item.us_center {
  top: 38%;
  left: 18%;
}

.our_presence.ready .company_item.germany_center {
  top: 32%;
  left: 48%;
}

.our_presence.ready .company_item.germany_top_right {
  top: 30%;
  left: 49%;
}

.our_presence.ready .company_item.us_left {
  top: 38%;
  left: 12%;
}

.our_presence.ready .company_item.us_somewhere_1 {
  top: 36%;
  left: 16%;
}

.our_presence.ready .company_item.us_somewhere_2 {
  top: 40%;
    left: 22%;
}

.our_presence .company_item .pin {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  transform: translate(-33%, -26%);
  pointer-events: none;
}


.our_presence .company_item img {
  position: relative;
}

.our_presence .company_item .tooltip {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px;
  background: #ffffff;
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
  color: #80808e;
  position: absolute;
  top: 50%;
  left: 180%;
  transform: translateY(-50%);
  border-radius: 15px;
  font-size: 12px;
  width: 190px;
  text-align: center;
  gap: 8px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0.1s ease-in-out;
}

.our_presence .company_item:hover .tooltip,
.our_presence .company_item:focus .tooltip {
  opacity: 1;
  visibility: visible;
}

.our_presence .company_item .tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff;
  border-left: 8px solid transparent;
  left: -16px;
  top: calc(50% - 12px);
}

.our_presence .company_item .tooltip .tooltiplabel {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}