/* Cla 20181217 #E5962B orange cambiare colore in .pointpopup_circle:before */ 

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}





/* TIPPY THEME */

/* If `animateFill: true` (default) */
.tippy-tooltip.ik-theme .tippy-backdrop {
  background-color: #FFF;
  border-top: 4px solid #333;
  color: #333;
}

/* If `animateFill: false` */
.tippy-tooltip.ik-theme {
  background-color: #FFF;
  border-top: 4px solid #333;
  border: 2px solid #FFF;
  color: #333;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.tippy-popper[x-placement^=top] .ik-theme .tippy-arrow {
    border-top: 8px solid #FFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);*/
}
.tippy-popper[x-placement^=bottom] .ik-theme .tippy-arrow {
    border-bottom: 8px solid #FFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);*/
}

.ik-theme h5.pp_title {
	font-size:1.8em;
	line-height:1em;
	font-weight:900;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;	
	text-align:left;
}

.ik-theme .pp_text {
	font-size:1.6em;
	line-height:1.2em;
	font-weight:200;
	font-family:'Roboto Condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:1.2em;
}



/* POINTS POPUP */

.pointspopup_image {
	position: relative;
}
.pointpopup {
  position: absolute;
  cursor: pointer;
  border-radius: 50% !important;
  /* opacity: 0; */ 
  /* background-color: rgba(0, 0, 0, 0.3); */
}
.pointpopup,
.pointpopup:after,
.pointpopup:before,
.trigger__spot {
  transform: translateX(-50%) translateY(-50%);
  transition-property: transform;
  transition-duration: 0.2s; 
}
.pointpopup_icon{
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 2; 
}
.pointpopup_icon:after,
.pointpopup_icon:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  background-color: #000; 
}
.pointpopup_icon:after {
  height: 2px;
  width: 12px; }
.pointpopup_icon:before {
  height: 12px;
  width: 2px; }
.pointpopup.active .pointpopup_icon:after,
.pointpopup.active .pointpopup_icon:before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg); 
}
.pointpopup_circle_OLD {
  transform: translateX(-50%) translateY(-50%);
  transition-property: transform;
  transition-duration: 0.2s; 
}
.pointpopup_circle_OLD {
  transform: translateX(-50%) translateY(-50%) scale(1);
  border-radius: 50% !important;
  background-color: #fff;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  transition-property: transform;
  transition-duration: 0.2s; 
}


.pointpopup_circle {
  transition-property: transform;
  transition-duration: 0.2s; 
}


.pointpopup:hover .pointpopup_circle_OLD {
  transform: translateX(-50%) translateY(-50%) scale(1.4); 
}
.pointpopup:hover .pointpopup_circle {
  transform: translateX(-50%) translateY(-50%) scale(1.2); 
}
.pointpopup:after {
/*
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 100% !important;
  background-color: transparent;
  animation: pointpopup-anirepeat 2s ease-out infinite; 
*/
  }
/*
@keyframes pointpopup-anirepeat {
  0% {
    transform: scale(0.7);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8); }
  60% {
    transform: scale(2);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0); }
  100% { } 
}
*/
@keyframes pointpopup-anirepeat {
  0% {
    transform: translateX(0) translateY(0) scale(0.7);
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0); 
    opacity: 0.1; }
  60% {
    transform: translateX(0) translateY(0) scale(1);
    box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 1); 
    opacity: 0.8; } 
  100% { 
    transform: translateX(0) translateY(0) scale(0.7);
  } 
}
@keyframes pointnumber-anirepeat {
  0% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 0.95; }
  60% {
    transform: translateX(0) translateY(0) scale(.90);
    opacity: 0.80; } 
  100% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 0.95; }
}

@keyframes pointpopup-openanim {
  0% {
    transform: translateX(-50%) translateY(-50%) scale(3);
    opacity: 0; }
  100% {
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } 
}
.pointpopup, .pointpopup_icon:after, .pointpopup_icon:before, .pointpopup_circle_OLD {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.pointpopup_number {
	position:absolute;
	text-align:center;
	z-index:9;
	width:100%;
	font-weight:bold;

	  /* animation: pointnumber-anirepeat 2s ease-out infinite; */
	  opacity: 1; 
}
.active .pointpopup_number {
	  animation: none;
}

a .pointpopup_number {
	color:#FFF;
}

@media (max-width:991px) {}
	.pointpopup {
	  width: 24px;
	  height: 24px;
	}
	.pointpopup_number {
		font-size:.8em;
		line-height:24px;
	}
	.pointpopup_circle_OLD {
	  width: 14px;
	  height: 14px;
	}
	.pointpopup_circle {
	  width: 16px;
	  height: 16px;
	}
	.pointpopup {
	  animation: none;
	  opacity: 1; 
	}
	.pointpopup_number {
	  animation: none;
	}

@media (min-width:992px) {
	.pointpopup {
	  width: 34px;
	  height: 34px;
	}
	.pointpopup_number {
		font-size:.9em;
		line-height:34px;
	}
	.pointpopup_circle_OLD {
	  width: 24px;
	  height: 24px;
	}
	.pointpopup_circle {
	  width: 30px;
	  height: 30px;
	}

	.pointpopup {
	  /* animation: pointpopup-openanim 0.5s ease-out 1; */
	  opacity: 1; 
	}
	.pointpopup_number {
	  /* animation: pointnumber-anirepeat 2s ease-out infinite; */
	}
}



.pointpopup_circle {
  position: absolute;
  left: 50%;
  top: 50%; /* 100%; */
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  /*
  width: 30px;
  height: 30px;
  */
}
.pointpopup_circle:before {
  content: '';
  position: relative;
  display: block;
  width: 240%;
  height: 240%;
  box-sizing: border-box;
  margin-left: -70%;
  margin-top: -70%;
  border-radius: 45px;
  background-color: #E5962B ;
  -webkit-animation: pulse-ring 3.00s cubic-bezier(0.215, 0.61, 0.155, 1) infinite;
          animation: pulse-ring 3.00s cubic-bezier(0.215, 0.61, 0.155, 1) infinite;
}
.pointpopup_circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #E5962B;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 4.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 4.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}