/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#header .header-inner #logo a, #header .header-inner #logo a span, #header #header-wrap #logo a, #header #header-wrap #logo a span{
    font-size: 22px;
}

.hp-feature-image{
    width: 150px;
    border-radius: 100%;
    margin-bottom: 15px;
}

.heading-text.heading-section h2.no-border:before{
    height: 0px;
}

.logo-phone{
    font-size: 14px;
    line-height: 1;
    color: white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 10px;
    font-weight: 500;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
    background-color: #48b549;
    border-color: #48b549;
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active{
    background-color: #2f9330;
    border-color: #2f9330;
}

.modal-close{
    font-size: 38px;
    position: absolute;
    right: 15px;
    top: 15px;
    height: 38px;
}

/* service-action-button */

.service-action-button{
	position: fixed;
    bottom: 0px;
    z-index: 99999999999999999999;
    width: 100%;
    padding: 10px;
	display: none;
}

.service-action-button__btn{
	background: linear-gradient(45deg, #60ff43, #b8ff94);
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #2e2e2e;
    border-radius: 7px;
	box-shadow: 0 0 10px #0000004a;
}

.service-action-button__btn-img{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
}

.service-action-button__btn-indicator{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #43af16;
	display: inline-block;
	margin-left: 5px;
}

@media (max-width: 767.98px) {

	.service-action-button{
		display: block;
	}
}

.bg-overlay{
	background: rgb(0 0 0);
}
















/*
Animations
*/

.flipper {
	-webkit-animation: flips 3s infinite both;
	        animation: flips 3s infinite both;
}

@keyframes flips {
	from{
		background-color: #43af16;
	}
	50%{
		background-color: #43af16;
	}
	60%{
		background-color: rgb(255, 219, 60);
	}
	70%{
		background-color: #43af16;
	}
}

.heartbeat {
	-webkit-animation: heartbeat 3s ease-in-out infinite both;
	        animation: heartbeat 3s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
	from {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transform-origin: center center;
			  transform-origin: center center;
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	5% {
	  -webkit-transform: scale(0.95);
			  transform: scale(0.95);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	8% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	16% {
	  -webkit-transform: scale(0.94);
			  transform: scale(0.94);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	20% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
  }
  @keyframes heartbeat {
	from {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transform-origin: center center;
			  transform-origin: center center;
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	5% {
	  -webkit-transform: scale(0.95);
			  transform: scale(0.95);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	8% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	16% {
	  -webkit-transform: scale(0.94);
			  transform: scale(0.94);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	20% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
  }