@keyframes callb-out-anim { 0% { transform: scale(1); } 40% { opacity: 0.9; transform: scale(1.2); } 100% { transform: scale(1.5); } } 
@keyframes callb-in-anim { 0% { transform: scale(1.5); } 40% { transform: scale(1); } 100% { transform: scale(1.5); } } 
@keyframes callb-phone-anim { 0% { transform: rotate(0deg); } 10% { transform: rotate(-25deg); } 20% { transform: rotate(25deg); } 30% { transform: rotate(-25deg); } 40% { transform: rotate(25deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } 
@-webkit-keyframes wkcallb-out-anim { 0% { -webkit-transform: scale(1); } 40% { opacity: 0.9; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1.5); } } 
@-webkit-keyframes wkcallb-in-anim { 0% { -webkit-transform: scale(1.5); } 40% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.5); } } 
@-webkit-keyframes wkcallb-phone-anim { 0% { -webkit-transform: rotate(0deg); } 10% { -webkit-transform: rotate(-25deg); } 20% { -webkit-transform: rotate(25deg); } 30% { -webkit-transform: rotate(-25deg); } 40% { -webkit-transform: rotate(25deg); } 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } 
@-moz-keyframes mzcallb-out-anim { 0% { -moz-transform: scale(1); } 40% { opacity: 0.9; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1.5); } } 
@-moz-keyframes mzcallb-in-anim { 0% { -moz-transform: scale(1.5); } 40% { -moz-transform: scale(1); } 100% { -moz-transform: scale(1.5); } } 
@-moz-keyframes mzcallb-phone-anim { 0% { -moz-transform: rotate(0deg); } 10% { -moz-transform: rotate(-25deg); } 20% { -moz-transform: rotate(25deg);; } 30% { -moz-transform: rotate(-25deg); } 40% { -moz-transform: rotate(25deg); } 50% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(0deg); } } 
@-o-keyframes ocallb-out-anim { 0% { -o-transform: scale(1); } 40% { opacity: 0.9; -o-transform: scale(1.2); } 100% { -o-transform: scale(1.5); } } 
@-o-keyframes ocallb-in-anim { 0% { -o-transform: scale(1.5); } 40% { -o-transform: scale(1); } 100% { -o-transform: scale(1.5); } } 
@-o-keyframes ocallb-phone-anim { 0% { -o-transform: rotate(0deg); } 10% { -o-transform: rotate(-25deg); } 20% { -o-transform: rotate(25deg);; } 30% { -o-transform: rotate(-25deg); } 40% { -o-transform: rotate(25deg); } 50% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(0deg); } } 
#callb-cover *, #callb-cover *::before, #callb-cover *::after, #callb-btn *, #callb-btn *::before, #callb-btn *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
#callb-cover { background-color: rgba(0, 0, 0, 0.25) !important; display: none; height: 100% !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 13900 !important; } 
#callb-btn * { -webkit-transform-origin: center center 0; -moz-transform-origin: center center 0; -ms-transform-origin: center center 0; -o-transform-origin: center center 0; transform-origin: center center 0; background: transparent; } 
#callb-btn { width: 100%; height: 100%; margin: 0 auto; position: relative; display: block; } 
#callb-btn-wrapper { opacity: 1; display: block; left: auto; right: auto; top: auto; bottom: auto; z-index: 13900; } 
#callb-btn-wrapper {  width: 160px; height: 160px;  position: absolute; } 
#callb-btn {   width: 100px; height: 100px;   position: relative; } 
#callb-btn-wrapper.callb-btn-animation { -o-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } 
#callb-btn-wrapper.callb-btn-draggable { -o-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -webkit-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } 
#callb-btn > div { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; } 
#callb-btn .callb-btn-phone { -webkit-animation: wkcallb-phone-anim 1.2s ease-in-out 0s infinite normal both running; -moz-animation: mzcallb-phone-anim 1.2s ease-in-out 0s infinite normal both running; -o-animation: ocallb-phone-anim 1.2s ease-in-out 0s infinite normal both running;; animation: callb-phone-anim 1.2s ease-in-out 0s infinite normal both running; background: rgba(247, 0, 41, 0.8) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJKSURBVHja7Nk7aBRRFIDh/8QHPvBBQNTGRgVNZ7AI2Ai+sBOLiAabINgKirWCjQQRQUtLC8FCgoUprERsVLAzRhAUo60WIWrgt3BFXTK7i9nZZJxz4DZzL7tzv7mvMxMqGb+jLwkSJEESJEESJEESJEESJEESJEESJEESJEESJCNBeggSEV0pwHbgOTALjAHLmurLCbWrpUv3tEF97d/xUF1X1n3/Kkt1ytwAdjZdOwJMqGtK/eelNkLUQ7aOm2WOkOj2d5mFzm/1BbCnVRNgAHj13+8y6mAbDIAARuuy7e7osN2BuoC8bEyJdrGrFiARMQmc76BpaTvNkltUG2vJCeA2sLagySywujZH94i4Cxxt0WSqdrlMRDwGJguqn9YORO0DthZUj9cx2z0GrJ/n+jQwUSsQdRVwpaD6ekTM1W2EXAV2z3P9HXCrbsndSIvE7njZ6X9PQNSN6pYOMPapXwsw7pX5IHsCom5W76hzjU49UjcVYAypnwsw3qv9lQZRB9VP83RuSt3W1LlT6kwBxqw6VPZULxVEPah+abEWfFTPqMPqeJsXQiO9WPtKe0EEHAYeACu68FsXIuJaEUglkjvgDT/fmC80LkfEpVa7Y1VAZrqQiV6MiLF2x4WqHMzOLRDzZDuMyh3M1NE/ttpO45k6sFj33Yttd7/6tgOIafWsunwxH2RPPkOoK4HTwDCwF+gHvgMfgCeNNP5+RHz7l5FdlUW10pFf/xMkQRIkQRIkQRIkQRIkQRIkQRIkQRIkQRIkI0FaxI8BAMGiej+TuldEAAAAAElFTkSuQmCC') no-repeat center center / cover; height: 90%; left: 15%; top: 15%; width: 90%; opacity: 1; border: 8px solid #fff; 
	animation-duration: 1.2s;
	animation-name: callb-phone-anim;
	animation-iteration-count: infinite;
}   
#callb-btn-wrapper:hover #callb-btn .callb-btn-phone { opacity: 0 !important; }  
#callb-btn .callb-btn-in { -webkit-animation: callb-in-anim 2.3s ease-in-out 1s infinite normal both running; animation: callb-in-anim 2.3s ease-in-out 1s infinite normal both running; background: transparent; border: 1px solid rgb(104, 202, 250); opacity: 0.5; width: 100%; height: 100%; 
animation-duration: 2.3s;
animation-name: callb-in-anim;
animation-iteration-count: infinite;
} 
#callb-btn .callb-btn-out { -webkit-animation: callb-out-anim 2.3s ease-in-out 1s infinite normal both running; animation: callb-out-anim 2.3s ease-in-out 1s infinite normal both running; border: 1px solid rgb(154, 191, 211); width: 100%; height: 100%; 
animation-duration: 2.3s;
animation-name: callb-out-anim;
animation-iteration-count: infinite;
} 
#callb-btn-wrapper #callb-btn .callb-btn-text { opacity: 0; display: table; height: 90%; left: 15%; top: 15%; width: 90%; -o-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } 
#callb-btn-wrapper:hover #callb-btn .callb-btn-text { opacity: 1 !important; } 
#callb-btn-wrapper #callb-btn .callb-btn-text span { display: table-cell; background-color: rgba(245, 68, 0, 0.8) !important; color: #fff !important; border-radius: 100% !important; text-align: center !important;  vertical-align: middle;  font-size: 14px; line-height: 14px !important;  font-weight: 500 !important; word-break: break-all !important; white-space: pre-wrap !important; } 
#callb-btn:hover .callb-btn-phone { background-color: rgba(255, 219, 53, 0.8) !important; } 
#callb-btn:hover .callb-btn-in { border: 1px solid rgb(183, 222, 105) !important; } 
#callb-btn:hover .callb-btn-out { border: 1px solid rgb(154, 191, 211) !important; } 
#callb-btn-wrapper { position: fixed; right: 0; bottom: 0; cursor: pointer; }

#callb .callb-border-1 { opacity: .2; border: 2px solid #f54400; border-radius: 200px; width: 87px; height: 87px; position: absolute; left: 45px; top: 15px;
-webkit-animation: wkcallb-border1-anim 1.1s ease-in-out 0s infinite normal both running; 
-moz-animation: mzcallb-border1-anim 1.1s ease-in-out 0s infinite normal both running; 
-o-animation: ocallb-border1-anim 1.1s ease-in-out 0s infinite normal both running; 
animation: callb-border1-anim 1.1s ease-in-out 0s infinite normal both running; 

animation-duration: 1.1s;
animation-name: callb-border1-anim;
animation-iteration-count: infinite;
}
@keyframes callb-border1-anim {
	0% { opacity: .2; width: 87px; height: 87px; left: 45px; top: 15px; } 
	20% { opacity: 1; width: 117px; height: 117px; left: 30px; top: 0px; } 
	100% { opacity: 0; width: 167px; height: 167px; left: 5px; top: -25px; } 
} 
@-webkit-keyframes wkcallb-border1-anim {
	0% { opacity: .2; width: 87px; height: 87px; left: 45px; top: 15px; } 
	20% { opacity: 1; width: 117px; height: 117px; left: 30px; top: 0px; } 
	100% { opacity: 0; width: 167px; height: 167px; left: 5px; top: -25px; } 
} 
@-moz-keyframes mzcallb-border1-anim {
	0% { opacity: .2; width: 87px; height: 87px; left: 45px; top: 15px; } 
	20% { opacity: 1; width: 117px; height: 117px; left: 30px; top: 0px; } 
	100% { opacity: 0; width: 167px; height: 167px; left: 5px; top: -25px; } 
} 
@-o-keyframes ocallb-border1-anim {
	0% { opacity: .2; width: 87px; height: 87px; left: 45px; top: 15px; } 
	20% { opacity: 1; width: 113px; height: 113px; left: 30px; top: 0px; } 
	100% { opacity: 0; width: 168px; height: 168px; left: 5px; top: -25px; } 
} 

#callb .callb-border-2 { opacity: .3; border: 2px solid #f54400; border-radius: 200px; width: 87px; height: 87px; position: absolute; left: 45px; top: 15px;
-webkit-animation: wkcallb-border2-anim 1.3s ease-in-out 0s infinite normal both running; 
-moz-animation: mzcallb-border2-anim 1.3s ease-in-out 0s infinite normal both running; 
-o-animation: ocallb-border2-anim 1.3s ease-in-out 0s infinite normal both running; 
animation: callb-border2-anim 1.3s ease-in-out 0s infinite normal both running; 

animation-duration: 1.3s;
animation-name: callb-border2-anim;
animation-iteration-count: infinite;
}
@keyframes callb-border2-anim {
	0% { border: 2px solid #f54400; left: 45px; top: 15px; } 
	30% { border: 22px solid #f54400; left: 25px; top: -5px; } 
	100% { border: 2px solid #f54400; left: 45px; top: 15px; } 
} 
@-webkit-keyframes wkcallb-border2-anim {
	0% { border: 2px solid #f54400; left: 45px; top: 15px; } 
	30% { border: 22px solid #f54400; left: 25px; top: -5px; } 
	100% { border: 2px solid #f54400; left: 45px; top: 15px; } 
} 
@-moz-keyframes mzcallb-border2-anim {
	0% { border: 2px solid #f54400; left: 45px; top: 15px; } 
	30% { border: 22px solid #f54400; left: 25px; top: -5px; } 
	100% { border: 2px solid #f54400; left: 45px; top: 15px; } 
} 
@-o-keyframes ocallb-border2-anim {
	0% { border: 2px solid #f54400; left: 45px; top: 15px; } 
	30% { border: 22px solid #f54400; left: 25px; top: -5px; } 
	100% { border: 2px solid #f54400; left: 45px; top: 15px; } 
}