@font-face {
  font-family: "BlenderProMedium";
  src: url("../fonts/BlenderPro-MediumWeb.woff") format("woff");
}

@font-face {
  font-family: 'DINWebPro';
  src: url("../fonts/DINWebPro.eot");
  src: url("../fonts/DINWebPro.woff") format("woff");
}

.slim-image {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  outline: none !important;
  text-shadow: none;
  line-height: normal;
}

.slim-image {
  position: relative;
  font-size: 16px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

.slim-image * {
  box-sizing: border-box !important;
  outline: none !important;
}

.slim-image img {
  max-width: 775px; !important;
  height: auto !important;
}

.slim-image .slim-node {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 10px;
  width: 10px;
  cursor: pointer;
  -webkit-transform: rotate(0deg) skewX(0);
  transform: rotate(0deg) skewX(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0;
  opacity: 0.4;
}

.slim-image .node-a {
  top: 23%;
  left: 58%;
  width: 5%;
  height: 8%;
  -webkit-transform: rotate(-32deg) skew(211deg);
  transform: rotate(-32deg) skew(211deg);
}
.slim-image .node-a1 {
  top: 35%;
  left: 62%;
  width: 7%;
  height: 16%;
  -webkit-transform: rotate(-32deg) skew(211deg);
  transform: rotate(-32deg) skew(211deg);
}
.slim-image .node-b {
  top: 30%;
  left: 32%;
  width: 6%;
  height: 7%;
  -webkit-transform: rotate(-26deg) skew(208deg);
  transform: rotate(-26deg) skew(208deg);
  border-radius: 100%;
}
.slim-image .node-b1 {
  top: 60%;
  left: 48%;
  width: 12%;
  height: 7%;
  -webkit-transform: rotate(0deg) skew(0deg);
  transform: rotate(0deg) skew(0deg);
  border-radius: 100%;
}
.slim-image .node-c {
  top: 61%;
  left: 22%;
  width: 18%;
  height: 13%;
  -webkit-transform: rotate(-28deg) skew(195deg);
  transform: rotate(-28deg) skew(195deg);
}

.slim-image .node-c1 {
  top: 76%;
  left: 37%;
  width: 16%;
  height: 10%;
  -webkit-transform: rotate(0deg) skew(0deg);
  transform: rotate(0deg) skew(0deg);
}

.slim-image .node-d {
  top: 4%;
  left: 40%;
  width: 7%;
  height: 9%;
  -webkit-transform: rotate(-21deg) skew(224deg);
  transform: rotate(-21deg) skew(224deg);
}
.slim-image .node-d1 {
  top: 3%;
  left: 28%;
  width: 14%;
  height: 5%;
  -webkit-transform: rotate(0deg) skew(0deg);
  transform: rotate(0deg) skew(0deg);
}

.slim-image .node-e {
  top: 17%;
  left: 20%;
  width: 12%;
  height: 9%;
  -webkit-transform: rotate(-19deg) skew(214deg);
  transform: rotate(-19deg) skew(214deg);
}
.slim-image .node-e1 {
  top: 7%;
  left: 15%;
  width: 9%;
  height: 9%;
  -webkit-transform: rotate(0deg) skew(0deg);
  transform: rotate(0deg) skew(0deg);
}

.slim-image .node-f {
  top: 40%;
  left: 24%;
  width: 7%;
  height: 8%;
  -webkit-transform: rotate(-23deg) skew(206deg);
  transform: rotate(-23deg) skew(206deg);
}
.slim-image .node-f1 {
  top: 16%;
  left: 4%;
  width: 12%;
  height: 8%;
  -webkit-transform: rotate(0deg) skew(0deg);
  transform: rotate(0deg) skew(0deg);
}

.slim-image-tooltip {
  font-family: "DINWebPro", serif;
}

.slim-image-tooltip img {
  max-width: 100% !important;
  height: auto !important;
}

.slim-image-tooltip .slim-tooltip {

  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  border-radius: 100px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 600ms ease;
  transition: 600ms ease;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.slim-image-tooltip .slim-tooltip.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;

}

.slim-image-tooltip .tooltip-arrow {
  content: "";

  width: 40px;
  height: 40px;
  padding: 0;
  position: absolute;
  bottom: -20px;
  margin-left: -30px;
  left: 70px;
  z-index: 101;
  background-color: white;
  -webkit-transform: rotate(50deg) skewY(-10deg);
  transform: rotate(50deg) skewY(-10deg);
  border: 1px solid #41719c;
}

.slim-image-tooltip .tooltip-content {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: auto;
  width: auto;
  z-index: 100;
  padding: 10px;
  margin-left: -100px;
}

.slim-image-tooltip .tooltip-message {
  border: 10px solid #0077c0;
  background-color: white;
  padding: 10px;
  color: black;
  font-size: 14px;
  position: relative;
  z-index: 102;
  max-width: 400px;
}

.slim-image-tooltip .tooltip-message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 104;
  display: block;
}

.slim-image-tooltip .tooltip-heading {
  font-weight: bold;
  font-size: 14px;
  position: relative;
  z-index: 110;
}

.slim-image-tooltip .tooltip-text {
  display: block;
  margin-bottom: 10px;
  position: relative;
  z-index: 110;
}

.slim-image-tooltip .tooltip-row {
  position: relative;
  z-index: 110;
  width: 100%;
  overflow: hidden;
}

.slim-image-tooltip .tooltip-col-left,
.slim-image-tooltip .tooltip-col-right {
  float: left;
  width: 50%;
}

.slim-image-tooltip .margin-bottom-0 {
  margin-bottom: 0;
  position: relative;
  z-index: 110;
}

.slim-image-tooltip .tooltip-list {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  position: relative;
  z-index: 110;
}

.slim-image-tooltip .tooltip-list:last-child {
  margin-bottom: 0;
}

.slim-image-tooltip .tooltip-img-1,
.slim-image-tooltip .tooltip-img-2 {
  pointer-events: none;
  position: absolute;
  z-index: 1000;
}

.slim-image-tooltip .tooltip-img-1 {
  width: 180px;
  top: -35px;
  right: -30px;
}

.slim-image-tooltip .tooltip-img-2 {
  width: 220px;
  bottom: 6px;
  right: -25px;
}

#tooltip-b .tooltip-img-1 {
  width: 180px;
  top: -15px;
  right: -60px;
}

#tooltip-b .tooltip-img-2 {
  width: 100px;
  height: 160px;
  bottom: 10px;
  right: 15px;
}
#tooltip-b1 .tooltip-img-1 {
  width: 180px;
  top: -15px;
  right: -60px;
}

#tooltip-b1 .tooltip-img-2 {
  width: 100px;
  height: 160px;
  bottom: 45px;
  right: 15px;
}

#tooltip-c .tooltip-img-1 {
  width: 180px;
  top: -40px;
  right: -40px;
}

#tooltip-c .tooltip-img-2 {
  width: 125px;
  height: 125px;
  bottom: 60px;
  right: 30px;
}
#tooltip-c1 .tooltip-img-1 {
  width: 180px;
  top: -40px;
  right: -40px;
}

#tooltip-c1 .tooltip-img-2 {
  width: 150px;
  height: 160px;
  bottom: 60px;
  right: 30px;
}

#tooltip-d .tooltip-img-1 {
  width: 180px;
  top: -40px;
  right: -40px;
}

#tooltip-d .tooltip-col-left {
  width: 70%;
}

#tooltip-d .tooltip-col-right {
  width: 30%;

}
#tooltip-d1 .tooltip-img-1 {
  width: 180px;
  top: -40px;
  right: -20px;
}

#tooltip-d1 .tooltip-col-left {
  width: 70%;
}

#tooltip-d1 .tooltip-col-right {
  width: 30%;

}

#tooltip-e .tooltip-img-1 {
  width: 180px;
  top: 10px;
  right: -130px;
}

#tooltip-e .tooltip-col-left {
  width: 70%;
}

#tooltip-e .tooltip-col-right {
  width: 30%;
}
#tooltip-e1 .tooltip-img-1 {
  width: 180px;
  top: 10px;
  right: -130px;
}

#tooltip-e1 .tooltip-col-left {
  width: 70%;
}

#tooltip-e1 .tooltip-col-right {
  width: 30%;
}

#tooltip-f .tooltip-img-1 {
  width: 180px;
  top: -10px;
  right: -60px;
}

#tooltip-f .tooltip-img-3 {
  max-height: 100px;
}

#tooltip-f .tooltip-col-left {
  width: 70%;
  padding-right: 50px;
}

#tooltip-f .tooltip-col-right {
  width: 30%;
}
#tooltip-f1 .tooltip-img-3 {
  max-height: 100px;
}

#tooltip-f1 .tooltip-col-left {
  width: 70%;
  padding-right: 50px;
}

#tooltip-f1 .tooltip-col-right {
  width: 30%;
}

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