/*Whatsapp button*/
#whatsapp {
	/*position:absolute;
  top:0px;
	left:3%;
  */
	display:block;	
	width:80px;
	height:80px;
	background:transparent;
	z-index:90000;
  position: fixed;
    /* left: 0; */
    right: 90px;
    /* right: 0; */
    bottom: 10px;
}

#whatsapp .inner_blob {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width:65px;
	height:65px;
	border:1px solid #25d366;
	border-radius:100%;
	-webkit-animation-name: pulse_animation;
	animation-name: pulse_animation;
	-webkit-animation-duration:2000ms;
	animation-duration:2000ms;
	-webkit-transform-origin:70% 70%;
	transform-origin:70% 70%;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	transform-origin:center center;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	/*box-shadow:inset 0 0 15px rgba(191, 30, 46, .6);*/
}

#whatsapp.active .inner_blob {
	border-color:#7cc576;
}

#whatsapp:hover .inner_blob {
	-webkit-animation-name: none;
	animation-name: none;
}

#whatsapp button,
#whatsapp button:link,
#whatsapp button:visited {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	padding:0px;
	width:50px;
	height:50px;
	background:#25d366;
	border-radius:100%;
	text-decoration:none;
	text-align: center;
	-webkit-transition:all .3s;
	transition:all .3s;
	box-sizing: border-box;
	border:none;
	cursor:pointer;
}

#whatsapp button:hover,
#whatsapp button:focus,
#whatsapp button:active {
	/*transform:scale(1.25);*/
	outline:none;
}

#whatsapp.active button,
#whatsapp.active button:link,
#whatsapp.active button:visited {
	background:#25d366;
}

#whatsapp:hover button {
	width:80px;
	height:80px;
}

#whatsapp button .hover_text {
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	opacity:0;
	padding-top:30px;
	font-size:13px;
	color:#fff;
	font-weight:700;
	text-align:center;
	background:transparent;
	
}

#whatsapp.active button .hover_text {
	padding-top:20px;
}

#whatsapp:hover button .hover_text {
	-webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
    opacity: 1;
    filter: alpha(opacity=100);
}

#whatsapp button .hover_text {
	
}

#whatsapp button:after {
	content:'';
    display: inline-block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
    width:18px;
    height:17px;
	background:transparent url(/images/background/whatsapp-logo.png) no-repeat;
	transition: opacity 0.3s ease 0.3s;
}

#whatsapp:hover button:after {
	transition: opacity 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*whatsapp button end*/


/*Button Contact*/
#contact {
	/*position:absolute;
  top:0px;
	left:3%;
  */
	display:block;	
	width:80px;
	height:80px;
	background:transparent;
	z-index:90000;
  position: fixed;
    /* left: 0; */
    right: 10px;
    /* right: 0; */
    bottom: 10px;
}

#contact .inner_blob {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width:65px;
	height:65px;
	border:1px solid #13b34e;
	border-radius:100%;
	-webkit-animation-name: pulse_animation;
	animation-name: pulse_animation;
	-webkit-animation-duration:2000ms;
	animation-duration:2000ms;
	-webkit-transform-origin:70% 70%;
	transform-origin:70% 70%;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	transform-origin:center center;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	/*box-shadow:inset 0 0 15px rgba(191, 30, 46, .6);*/
}

#contact.active .inner_blob {
	border-color:#7cc576;
}

#contact:hover .inner_blob {
	-webkit-animation-name: none;
	animation-name: none;
}

#contact button,
#contact button:link,
#contact button:visited {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	padding:0px;
	width:50px;
	height:50px;
	background:#13b34e;
	border-radius:100%;
	text-decoration:none;
	text-align: center;
	-webkit-transition:all .3s;
	transition:all .3s;
	box-sizing: border-box;
	border:none;
	cursor:pointer;
}

#contact button:hover,
#contact button:focus,
#contact button:active {
	/*transform:scale(1.25);*/
	outline:none;
}

#contact.active button,
#contact.active button:link,
#contact.active button:visited {
	background:#7cc576;
}

#contact:hover button {
	width:80px;
	height:80px;
}

#contact button .hover_text {
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	opacity:0;
	padding-top:30px;
	font-size:13px;
	color:#fff;
	font-weight:700;
	text-align:center;
	background:transparent;
	
}

#contact.active button .hover_text {
	padding-top:20px;
}

#contact:hover button .hover_text {
	-webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
    opacity: 1;
    filter: alpha(opacity=100);
}

#contact button .hover_text {
	
}

#contact button:after {
	content:'';
    display: inline-block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
    width:18px;
    height:17px;
	background:transparent url(/images/background/phone_call.png) no-repeat;
	transition: opacity 0.3s ease 0.3s;
}

#contact:hover button:after {
	transition: opacity 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*contact button end*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all {
#sp-header .sp-default-logo {
    display: unset;
}}