/*

dzs tooltips

arrow-top,
arrow-bottom
 -- align-left
 -- align-center (js)
 -- align-top

arrow-left,
arrow-right
 -- align-top
 -- align-center (js)
 -- align-bottom

custom css3 effects

*see about custom animation

*/
.dzstooltip-con {
  position: relative;
  cursor: pointer;
}

.dzstooltip {
  position: absolute;
  white-space: nowrap;
  line-height: 1;
  width: auto;
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility, z-index;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.dzstooltip:hover {
  pointer-events: auto;
}
.dzstooltip.dims-set {
  white-space: normal;
  line-height: inherit;
}
.dzstooltip .dzstooltip--inner {
  position: relative;
  display: block;
}
.dzstooltip .dzstooltip--inner:before {
  content: "";
  display: block;
  position: absolute;
}
.dzstooltip.talign-start {
  left: 0;
}
.dzstooltip.talign-start .dzstooltip--inner {
  left: 0;
}
.dzstooltip.talign-start .dzstooltip--inner:after {
  left: 15px;
}
.dzstooltip.talign-center {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.dzstooltip.talign-center .dzstooltip--inner:after {
  left: 50%;
  margin-left: -4px;
}
.dzstooltip.talign-end {
  left: auto;
  right: 0px;
}
.dzstooltip.talign-end .dzstooltip--inner:after {
  right: 15px;
}
.dzstooltip.arrow-bottom {
  bottom: 100%;
  margin-bottom: 15px;
}
.dzstooltip.arrow-bottom .dzstooltip--inner:after {
  top: 100%;
}
.dzstooltip.arrow-bottom .dzstooltip--inner:before {
  top: 100%;
}
.dzstooltip.arrow-bottom .dzstooltip--inner:before {
  left: 0;
  width: 100%;
  height: 15px;
}
.dzstooltip.arrow-top {
  top: 100%;
  margin-top: 15px;
}
.dzstooltip.arrow-top .dzstooltip--inner:after, .dzstooltip.arrow-top .dzstooltip--inner:before {
  bottom: 100%;
}
.dzstooltip.arrow-top .dzstooltip--inner:before {
  left: 0;
  width: 100%;
  height: 15px;
}
.dzstooltip.arrow-left {
  left: 100%;
  margin-left: 15px;
}
.dzstooltip.arrow-left .dzstooltip--inner:after {
  left: auto;
  right: 100%;
  border-right-width: 7px;
}
.dzstooltip.arrow-right {
  left: auto;
  right: 100%;
  margin-right: 15px;
}
.dzstooltip.arrow-right .dzstooltip--inner:after {
  right: auto;
  left: 100%;
  border-left-width: 7px;
}
.dzstooltip .dzstooltip--inner:after {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 7px;
}

.dzstooltip--close {
  width: 23px;
  height: 23px;
  position: absolute;
  cursor: pointer;
  top: -9.2px;
  right: -9.2px;
  box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.3);
  border-radius: 50%;
  z-index: 5;
  background-color: #fff;
  color: #444;
}
.dzstooltip--close > .label--x-button {
  font-size: 18px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dzstooltip--close > svg {
  width: 23px;
  height: 23px;
}
.dzstooltip--close > svg .bg-circle {
  fill: #fff;
}
.dzstooltip--close > svg .x-path {
  fill: #444;
}

.text-align-center {
  text-align: center;
}

.dzstooltip.arrow-left.talign-center, .dzstooltip.arrow-right.talign-center {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.dzstooltip.arrow-left.talign-center .dzstooltip--inner:after, .dzstooltip.arrow-right.talign-center .dzstooltip--inner:after {
  top: 50%;
  margin-top: -4px;
  margin-left: 0;
}
.dzstooltip.arrow-left.talign-start, .dzstooltip.arrow-right.talign-start {
  top: 0;
}
.dzstooltip.arrow-left.talign-start .dzstooltip--inner:after, .dzstooltip.arrow-right.talign-start .dzstooltip--inner:after {
  top: 15px;
}
.dzstooltip.arrow-left.talign-end, .dzstooltip.arrow-right.talign-end {
  bottom: 0;
}
.dzstooltip.arrow-left.talign-end .dzstooltip--inner:after, .dzstooltip.arrow-right.talign-end .dzstooltip--inner:after {
  bottom: 15px;
  top: auto;
}

.tooltip-indicator:hover + .dzstooltip, .dzstooltip.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 5;
}

.hover-on-tooltip-con-too .dzstooltip:hover, .hover-on-tooltip-con-too .dzstooltip.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 5;
}
.hover-on-tooltip-con-too .dzstooltip:hover .dzstooltip--inner, .hover-on-tooltip-con-too .dzstooltip.active .dzstooltip--inner {
  transform: translate3d(0, 0, 0) scale(1);
}

.dzstooltip.style-default .dzstooltip--inner {
  background-color: #fff;
  padding: 10px;
}
.dzstooltip.style-default .dzstooltip--inner:after {
  content: "";
}

.dzstooltip.style-rounded .dzstooltip--inner {
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
}
.dzstooltip.style-rounded .dzstooltip--inner .negative-margin-top {
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 10px;
}
.dzstooltip.style-rounded .dzstooltip--inner:after {
  content: "";
}

.dzstooltip.color-dark-light .dzstooltip--inner {
  background-color: #222;
  color: #fff;
}
.dzstooltip.color-dark-light.arrow-bottom .dzstooltip--inner:after {
  border-top-color: #222;
}
.dzstooltip.color-dark-light.arrow-top .dzstooltip--inner:after {
  border-bottom-color: #222;
}
.dzstooltip.color-dark-light.arrow-left .dzstooltip--inner:after {
  border-right-color: #222;
}
.dzstooltip.color-dark-light.arrow-right .dzstooltip--inner:after {
  border-left-color: #222;
}

.dzstooltip.color-light-dark .dzstooltip--inner {
  background-color: #fff;
  color: #444;
}
.dzstooltip.color-light-dark.arrow-bottom .dzstooltip--inner:after {
  border-top-color: #fff;
}
.dzstooltip.color-light-dark.arrow-top .dzstooltip--inner:after {
  border-bottom-color: #fff;
}
.dzstooltip.color-light-dark.arrow-left .dzstooltip--inner:after {
  border-right-color: #fff;
}
.dzstooltip.color-light-dark.arrow-right .dzstooltip--inner:after {
  border-left-color: #fff;
}

.dzstooltip.color-magenta-yellow .dzstooltip--inner {
  background-color: #7c17e6;
  color: #ecea4a;
}
.dzstooltip.color-magenta-yellow.arrow-bottom .dzstooltip--inner:after {
  border-top-color: #7c17e6;
}
.dzstooltip.color-magenta-yellow.arrow-top .dzstooltip--inner:after {
  border-bottom-color: #7c17e6;
}
.dzstooltip.color-magenta-yellow.arrow-left .dzstooltip--inner:after {
  border-right-color: #7c17e6;
}
.dzstooltip.color-magenta-yellow.arrow-right .dzstooltip--inner:after {
  border-left-color: #7c17e6;
}

.dzstooltip[class*=transition-] .dzstooltip--inner {
  transition-property: transform;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}

.dzstooltip.transition-scaleup .dzstooltip--inner {
  transform: scale(0.65);
}

.dzstooltip.transition-scaledown .dzstooltip--inner {
  transform: scale(1.15);
}

.dzstooltip.transition-scaleup .dzstooltip--inner {
  transform: scale(0.65);
}

.dzstooltip.transition-slidedown .dzstooltip--inner {
  transform: translate3d(0, -15px, 0);
}

.dzstooltip[class*=transition-].active .dzstooltip--inner, .tooltip-indicator:hover + .dzstooltip[class*=transition-] .dzstooltip--inner, .dzstooltip-con:not(.for-click):hover > .dzstooltip .dzstooltip--inner {
  transform: scale(1) translate3d(0, 0, 0);
}

.dzstooltip-con:not(.for-click):hover .dzstooltip {
  opacity: 1;
  visibility: visible;
}

span.dzstooltip-con {
  display: inline-block;
}

@media all and (max-width: 470px) {
  .dzstooltip:not(.ceva) {
    max-width: 98vw;
  }
}
.tooltip-info-indicator {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-color: #444444;
  border-radius: 50%;
  padding: 5px;
  position: relative;
}
.tooltip-info-indicator--i {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  line-height: 11px;
  color: #EEEEEE;
  vertical-align: text-bottom;
}

.tooltip-indicator {
  display: inline-block;
  text-decoration: dashed;
  color: #da4f74;
}

.object-fit-cover {
  object-fit: cover;
}

.divimage {
  display: block;
  background-size: cover;
  background-position: center center;
}

.fullwidth {
  width: 100%;
}

.height1xwidth {
  padding-top: 100%;
}

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