a.callhanter {
	width: 70px;
	height: 70px;
	display: block;
	position: fixed;
	bottom: 90px;
	right: 80px;
	border: 0;
	z-index: 50;
    opacity: 0;
}
a.callhanter .callhanter-icon {
	background-image: url(../../../../assets/shablon/libs/callhanter/phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 70px;
	height: 70px;
	display: block;
	z-index: 100;
}
a.callhanter .line-ico {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	position: absolute;
	border: 2px solid #ffaf2f;
	width: 30%;
	height: 30%;
	opacity: 0.9;
	display: block;
	z-index: 90;
}
a.callhanter .line-ico2 {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	position: absolute;
	border: 2px solid #ffaf2f;
	width: 90%;
	height: 90%;
	opacity: 0.9;
	display: block;
	z-index: 90;
}
a.callhanter:hover {
	opacity: 1 !important;
	transition: all 0.5s;
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	a.callhanter {
	  bottom: 40px;
	  right: 0;
	  left: 0;
	  margin: 0 auto;
	}
}

/* Animate */

a.callhanter .line-ico {
	-webkit-animation: line-ico 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  -moz-animation: line-ico 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  -o-animation: line-ico 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  animation: line-ico 1.5s infinite cubic-bezier(.42, 0, .85, .75);
}
@-webkit-keyframes line-ico {
  100% {
    width: 200%;
    height: 200%;
    border-color: transparent;
    opacity: 0;
  }
}
@-moz-keyframes line-ico {
  100% {
    width: 200%;
    height: 200%;
    border-color: transparent;
    opacity: 0;
  }
}
@-o-keyframes line-ico {
  100% {
    width: 200%;
    height: 200%;
    border-color: transparent;
    opacity: 0;
  }
}
@keyframes line-ico {
  100% {
    width: 200%;
    height: 200%;
    border-color: transparent;
    opacity: 0;
  }
}
a.callhanter .line-ico2 {
	-webkit-animation: line-ico2 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  -moz-animation: line-ico2 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  -o-animation: line-ico2 1.5s infinite cubic-bezier(.42, 0, .85, .75);
  animation: line-ico2 1.5s infinite cubic-bezier(.42, 0, .85, .75);
}
@-webkit-keyframes line-ico2 {
  100% {
    width: 230%;
    height: 230%;
    border-color: transparent;
    opacity: 0;
  }
}
@-moz-keyframes line-ico2 {
  100% {
    width: 230%;
    height: 230%;
    border-color: transparent;
    opacity: 0;
  }
}
@-o-keyframes line-ico2 {
  100% {
    width: 230%;
    height: 230%;
    border-color: transparent;
    opacity: 0;
  }
}
@keyframes line-ico2 {
  100% {
    width: 230%;
    height: 230%;
    border-color: transparent;
    opacity: 0;
  }
}
a.callhanter .pulse{
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;  
    -o-animation-name: pulse;  
    animation-name: pulse;
    
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;   
    
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;  
    -o-animation-timing-function: ease-out;  
    animation-timing-function: ease-out;    
    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);        
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.98) rotate(2deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.03) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }           
}
@-moz-keyframes pulse {
    0% {
        opacity: 1;
    }
    30% {
        -moz-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);        
        opacity: 1;
    }
    45% {
        -moz-transform: scale(0.98) rotate(2deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -moz-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -moz-transform: scale(1.03) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }           
}
@-o-keyframes pulse {
    0% {
        opacity: 1;
    }
    30% {
        -o-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);        
        opacity: 1;
    }
    45% {
        -o-transform: scale(0.98) rotate(2deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -o-transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        -o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -o-transform: scale(1.03) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        -o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }           
}
@keyframes pulse {
    0% {
        opacity: 1;
    }
    30% {
        transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);        
        opacity: 1;
    }
    45% {
        transform: scale(0.98) rotate(2deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        transform: scale(1.03) rotate(-2deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        transform: scale(1.03) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }           
}

/* Modal */
.callhanter-form .title {
    background-image: none;
    padding-left: 0;
    font-size: 21px;
}
.callhanter-form .callhanter-timer, .send-callhanter .callhanter-timer {
	color: #8e857a;
	font-size: 18px;
	text-align: center;
	font-family: 'pf_dindisplay_promedium';
	height: 45px;
  display: block;
  width: 100%;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  padding: 10px 18px;
  border: 1px solid #d3c9bd;
  margin-bottom: 16px;
  background-color: #fff;
}
.send-callhanter img {
    margin: 10px 0px 16px !important;
}
.send-callhanter .callhanter-timer {
	margin-bottom: 20px !important;
}
.send-callhanter .descript {
    padding: 0px !important;
}

/*
playback timings (ms):
  LoadShardBlock: 269.624 (3)
  esindex: 0.014
  captures_list: 311.093
  CDXLines.iter: 13.567 (3)
  PetaboxLoader3.datanode: 69.498 (4)
  exclusion.robots.fetch: 23.285 (4)
  exclusion.robots: 23.997
  exclusion.robots.policy: 0.374
  RedisCDXSource: 0.576
  PetaboxLoader3.resolve: 358.328 (3)
  load_resource: 171.117
*/