
.btn-fx2 {
  bottom: 40px;
  height: 92px;
  right: 40px;
  position: fixed;
  width: 92px;
  z-index: 10;
  cursor: pointer;
}
.btn-fx2 button {
    background-image: url("../img/callback-button.png");
    background-position: center center;
    background-size: cover;
}

@media screen and (max-width: 768px) {
.btn-fx2 {
  background-repeat: no-repeat;
  background-size: 50px auto;
  bottom: 7px;
  height: 50px;
  left: auto;
  right: 7px;
  top: auto;
  transform: scale(0.7);
  width: 50px;
}
}

.cbh-widget-wr > div {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    transition: all 0.5s ease 0s;
    vertical-align: top !important;
}

.cbh-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running cbh-circle-anim;
    background-color: transparent;
    border: 2px solid #d9005b;
    border-radius: 100%;
    height: 160px;
    left: -48px;
    opacity: 0.5;
    position: absolute !important;
    top: -47px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 160px;
}

.cbh-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running cbh-circle-fill-anim;
    background-color: #d9005b;
    border: 2px solid transparent;
    border-radius: 100%;
    box-shadow: 0 0 2px 0 #d9005b!important;
    height: 100px;
    left: -17px;
    opacity: 0.75;
    position: absolute !important;
    top: -17px;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.cbh-widget-button i {
  height: 30px !important;
  opacity: 0;
  position: absolute !important;
  transform: perspective(400px) rotateY(-180deg) scale(0.4);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  visibility: hidden;
  width: 30px !important;
}

.cbh-widget-button {
  /*background: #d9005b none repeat scroll 0 0 !important;*/
  border: 0 none !important;
  border-radius: 32px !important;
  box-shadow: 0 0 2px 0 #d9005b !important;
  display: block !important;
  font-size: 0 !important;
  height: 65px;
  line-height: 0 !important;
  text-align: center !important;
  transform: translate3d(0px, 0px, 0px) !important;
  transition: width 0.6s ease 0s, height 0.6s ease 0s, opacity 0.6s ease 0s, background 0.3s ease 0s !important;
  width: 65px;
  cursor: pointer;
}
.cbh-widget-button {
  color: #fff !important;
  font-family: cbh-icons !important;
  min-width: 65px;
  transform: translate3d(0px, 0px, 0px) !important;
  width: 65px;
}
 .cbh-widget-button {
  box-shadow: 0 0 2px 0 #d9005b !important;
}
.cbh-widget-button {
  /*background-color: #d9005b !important;*/
}


.cbh-rotate-icon {
    opacity: 1 !important;
    transform: perspective(400px) rotateY(0deg) scale(1) !important;
    visibility: visible !important;
}

i.cbh-widget-button-phone {
  background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEwIDUxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJzaG9wcGluZy1jYXJ0Ij4KCQk8cGF0aCBkPSJNMTUzLDQwOGMtMjguMDUsMC01MSwyMi45NS01MSw1MXMyMi45NSw1MSw1MSw1MXM1MS0yMi45NSw1MS01MVMxODEuMDUsNDA4LDE1Myw0MDh6IE0wLDB2NTFoNTFsOTEuOCwxOTMuOEwxMDcuMSwzMDYgICAgYy0yLjU1LDcuNjUtNS4xLDE3Ljg1LTUuMSwyNS41YzAsMjguMDUsMjIuOTUsNTEsNTEsNTFoMzA2di01MUgxNjMuMmMtMi41NSwwLTUuMS0yLjU1LTUuMS01LjF2LTIuNTUxbDIyLjk1LTQzLjM1aDE4OC43ICAgIGMyMC40LDAsMzUuNy0xMC4yLDQzLjM1LTI1LjVMNTA0LjksODkuMjVjNS4xLTUuMSw1LjEtNy42NSw1LjEtMTIuNzVjMC0xNS4zLTEwLjItMjUuNS0yNS41LTI1LjVIMTA3LjFMODQuMTUsMEgweiBNNDA4LDQwOCAgICBjLTI4LjA1LDAtNTEsMjIuOTUtNTEsNTFzMjIuOTUsNTEsNTEsNTFzNTEtMjIuOTUsNTEtNTFTNDM2LjA1LDQwOCw0MDgsNDA4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center / 33px auto;
  font-size: 30px !important;
  height: 40px !important;
  left: 12px !important;
  top: 13px !important;
  width: 40px !important;
}

@keyframes cbh-circle-anim {
0% {
    opacity: 0.01;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes cbh-circle-anim {
0% {
    opacity: 0.01;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}


@keyframes cbh-circle-fill-anim {
0%, 100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.6) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes cbh-circle-fill-anim {
0%, 100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.6) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

.cbh-widget-wr{
	position: fixed;
/*	left: 50px;
	top: 50%;*/
	z-index:20;
}

i.cbh-widget-button-call {
  font-size: 14px !important;
  left: 0 !important;
  top: 32px !important;
  width: 100% !important;
  font-family: "Open Sans",Arial,sans-serif !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-style: normal !important;
}