#callnowbutton {
	display: block;
	position: fixed;
	z-index: 999999;
}

body.additional-bottom-padding {
	padding-bottom: 60px;
}


@media all and (min-width: 768px) {
	#callnowbutton {
	  display: none !important;
	}

	body.additional-bottom-padding {
		padding-bottom: 0;
	}
}


/* FULL */
#callnowbutton.full-callnowbutton {
  display: flex;
	bottom: 0;
	width: 100%;
	background-color: #222;
	color: #fff;
	height: 60px;
	align-items: center;
	justify-content: center;
	font-size: 19px;
  letter-spacing: .5px;
}

#callnowbutton.full-callnowbutton img {
	height: 35px;
  width: auto;
  margin-right: 10px;
  display: inline-block;
	position: relative;
	-webkit-animation: tada 12s infinite 4s; /* Safari 4+ */
 	-moz-animation:    tada 12s infinite 4s; /* Fx 5+ */
 	-o-animation:      tada 12s infinite 4s; /* Opera 12+ */
 	animation:         tada 12s infinite 4s; /* IE 10+, Fx 29+ */
}





/* LEFT, MIDDLE, RIGHT */
#callnowbutton.left-callnowbutton,
#callnowbutton.middle-callnowbutton,
#callnowbutton.right-callnowbutton {
	bottom: 15px;
	width: 68px;
	height: 68px;
	border-radius: 34px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: tada 12s infinite 4s; /* Safari 4+ */
	-moz-animation:    tada 12s infinite 4s; /* Fx 5+ */
	-o-animation:      tada 12s infinite 4s; /* Opera 12+ */
	animation:         tada 12s infinite 4s; /* IE 10+, Fx 29+ */
}

#callnowbutton.left-callnowbutton img,
#callnowbutton.middle-callnowbutton img,
#callnowbutton.right-callnowbutton img {
	width: 50px;
	height: auto;
}

/*  RIGHT */
#callnowbutton.right-callnowbutton {
	right: 15px;
}

/*  LEFT */
#callnowbutton.left-callnowbutton {
	left: 15px;
}

/*  MIDDLE */
#callnowbutton.middle-callnowbutton {
	left: calc(50% - 34px);
}





/* KEYFRAMES */

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  1%,
  2% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -5deg);
    transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -5deg);
  }

  3%,
  5%,
  7%,
  9% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 5deg);
  }

  4%,
  6%,
  8% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -5deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -5deg);
  }

	12% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
	from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  1%,
  2% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -5deg);
    transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -5deg);
  }

  3%,
  5%,
  7%,
  9% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 5deg);
  }

  4%,
  6%,
  8% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -5deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -5deg);
  }

	12% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}